/* ===================================================================
   The particular style for BioCyc, MetaCyc, EcoCyc, and 
   HumanCyc dynamic and static pages.

   The following overrides or extends whatever is in style.css
  
   =================================================================== */

.pageContentStatic {
    font-size: 16px;
    max-width: 60em;
    overflow-x: visible;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.375em;
}

p {
    max-width: 80em;
    overflow-x: visible;
}

/* Tippy tooltips */
.tippy-box[data-theme~='biocyc'], .tippy-box[data-theme~='biocyc-big-arrow'] {
    color: #181A6F;
    background-color: rgba(248,152,56,.88);
    font-size: 20px;
    max-width: 325px;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 6px;
    border-radius: 6px;
}

.tippy-box[data-theme~='biocyc'] .tippy-content, .tippy-box[data-theme~='biocyc-big-arrow'] .tippy-content {
    padding: 5px 9px;
}


.tippy-box[data-theme~='biocyc'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: rgba(248,152,56,.88);
}

.tippy-box[data-theme~='biocyc'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: rgba(248,152,56,.88);
}

.tippy-box[data-theme~='biocyc'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: rgba(248,152,56,.88);
}

.tippy-box[data-theme~='biocyc'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: rgba(248,152,56,.88);
}

.tippy-box[data-theme~='biocyc-big-arrow'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: rgba(248,152,56,.88);
    transform:scale(2);
}

.tippy-box[data-theme~='biocyc-big-arrow'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: rgba(248,152,56,.88);
    transform:scale(2);
}

.tippy-box[data-theme~='biocyc-big-arrow'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: rgba(248,152,56,.88);
    transform:scale(2);
}

.tippy-box[data-theme~='biocyc-big-arrow'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: rgba(248,152,56,.88);
    transform:scale(2);
}



/* billington:May-3-2021  moved from Biocyc_Extra.css  -  so it doesn't get overriden by style.css defn */
.searchMenuDatabaseName {
    font-size: clamp(13.5px, 3.9vw, 16px);
    color: #1c2243;
    text-align: left;
    white-space: nowrap;
    padding-top: 2px;
    vertical-align: middle;
}

.pageContentStatic h1, .pageContentDynamic h1 {
 font-size: 1.4em;
 text-transform: uppercase;
 /* bannerStyle will change the color for organism specific colors */
 color: #FF6600;
 font-weight: normal;
 margin-top: 25px;
}

.pageContentStatic h2, .pageContentDynamic h2 {
 font-size: 1.25em;
 font-weight: bold; 
 color: #333333;
 margin-top: 20px;
}

.pageContentStatic h3, .pageContentDynamic h3 {
 font-size: 1.1em;
 font-weight: bold;
 color: #333333;
 margin-top: 20px;
}

body.MainPage {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 font-size: 13px;
 color: #333333;
 line-height: 16px;
}

body.MainPage div.pageContent {
  padding-left:  0px;
  padding-right: 0px;
} 

body.MainPage hr {
 color:#ffffff;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
}

body.MainPage a {
 color:#003399
}

body.MainPage tr {
  vertical-align:top;
}


.newsText {
 font-size: 11px;
 line-height: 17px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.mainMenu {
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 color: #FF9900;
 text-align: center;
 padding-top:    5px;
 padding-right: 18px;
 padding-bottom: 5px;
 padding-left:   5px;
 letter-spacing: 1px;
}

.mainMenu a, .mainMenu a:visited {
 text-decoration: none;
 color:#FF9900;
}

.mainMenu a:hover, .mainMenu a:visited:hover {
 text-decoration: underline;
 color:#FFFFFF;
}

.bodyText {
 font-size: 13px;
 color: #333333;
 line-height: 16px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.caption {
 font-size: 11px;
 color: #333333;
 line-height: 14px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.bannerLogo img {
    width: 400px;
    display: block;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    padding-bottom: 2px;
}

#small-logo {
    vertical-align: middle;
}

#small-logo img {
    display:block;
    margin:10px auto;
    width: 250px;
    cursor:pointer;
}

/* ---------- BEGIN PAGE FOOTER  ---------- */

.footer-wide-margin-border .l-box {
    padding-bottom: 20px;
}

.footer-wide-margin-border a {
	color: white;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.footer-wide-margin-border a:hover {
	color: #AAA;
}

.footer-wide-margin-border {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #181A6F;
	color: white;
}

.footer-wide-margin-border-alt-color {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #F89838;
}

.footer-wide-margin-border .pure-g-r {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}

footer .footer {
    background: #F89838;
    color: #181A6F;
    padding: 30px 1em;
    font-size: 10px;
    line-height: 125%;
    text-align: center;
}

.footer a {
    text-align: left;
    color: #181A6F;
}

.footer a:hover {
	color:#0000FF;
}

/* ---------- END PAGE FOOTER  ---------- */

/********  LIST  ********/

/* CSS style bug
Mario and I determined that there is some suboptimal arrangement of
styles here. In particular, when there is a list element with a
paragraph element (i.e., "<li><p>"), the resulting combination does
not display correctly. The visual glitch is that there is a bullet
point, and the text shows up underneath (and sometimes underneath and
to the right) the bullet on the next line. This combination of HTML
elements was found in the auto-generated HTML from TeX2Page, which we
are using for our web-based guides. We traced the glitch down to this
section of the CSS specification. We believe that there is no need for
the "list-style-position: inside" directive below. It is used in
conjunction with the "text-indent: -16px;" directive below it to
simulate a normal layout for an unordered list. My experiments have
shown that overriding both of these values to their defaults (outside
and 0 px, respectively) in the guide pages leads to a normal-looking
layout. Further work should be done to solve this difinitively and
validate that the change doesn't mess up any other layout on the site.
taltman:Jul-22-2010 
*/

/*

ul {
 padding: 0;
 margin: 0;
 list-style-position: inside;
}

ul li {
 list-style-type: disc;
 text-indent: -16px;
 margin-left: 30px;
} 

*/

.bullet1 {
 font-size: 13px;
 color: #333333;
}

.bullet2 {
 font-size: 12px;
}

.bullet3 {
 font-size: 11px;
 line-height: 18px;
 margin-top: 10px;
 margin-bottom: 10px;
}

/********  TABLE  ********/

/* adds margin around the table */
table.one {
 margin-bottom: 10px;
 margin-top: 10px;
}

/* need some slight style for the upper-left corner of the table.
See ecocyc/release-notes.shtml for an example. taltman:Feb-10-2009 */

td.corner {
 border-bottom-width: 1px;
 border-right-width: 1px;
 border-bottom-style: solid;
 border-right-style: solid;
 border-bottom-color: #999999;
 border-right-color: #999999;
}

/* Row one - Header table cell in blue color */
/* taltman:Feb-10-2009 Structurally, this should be the style for <th>, not <td>! */

td.spec1 {
 color: #FFFFFF;
 text-align: center;
 padding: 6px 6px 6px 12px;
 background-color: #4C4E97;
 text-transform: uppercase;
 font-size: 14px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-top-color: #999999;
 border-right-color: #999999;
 border-bottom-color: #999999;
}

/* Use EcoCyc background color */
.ECOLI td.spec1 {
 background-color: #336699;
}

/* Column 1 - First column on the left in orange color */
td.spec2 {
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 background-color: #F6BE86;
 padding: 6px 6px 6px 12px;
 border-top-width: 0;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #999999;
 border-bottom-color: #999999;
 border-left-color: #999999;
}

/*Table: For the top row*/
td.spec2Top {
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 background-color: #F6BE86;
 text-align: center;
 padding: 6px 6px 6px 12px;
 border: 1px solid #999999;
}

/* Center table cell in white color. Borders only on right side and bottom */
td.text1 {
 padding: 6px 6px 6px 12px;
 font-size: 12px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #999999;
 border-bottom-color: #999999;
 color: #333333;
}

/* Same as text1, but add the left border and yellow background -- used for 
   EcoCyc pages. */
td.text2 {
 padding: 6px 6px 6px 12px;
 font-size: 12px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #999999;
 border-bottom-color: #999999;
 color: #333333;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;
 background-color: #FFFbAf;
}

/* Footer table cell in white color. Borders only on right, left and bottom */
td.footer1 {
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-right: 6px;
	padding-left: 12px;
}

/*Table: For the top row*/
td.text1Top {
 padding: 6px 6px 6px 12px;
 font-size: 12px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #999999;
 border-bottom-color: #999999;
 color: #333333;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #999999;
}

tr.top1 {
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #A6C4E1;
}


/* ======= End of styles for the index page of Pathway Tools ====== */

.footer {
  font-size: small;
  background-color: #f89838;
}


/* For pages that have the species in the header, we don't want it all
   uppercased.
 */
div.pageContentDynamic h1, h1.wspecies {
  text-transform: none;
}


/* ************************************************************************
   Default banner styling, for all organisms (or any that don't have more
   specific styles defined below).  More default styling can be found in
   style.css.

   ************************************************************************
*/

#ptbanner { 
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #F89838;
  background-position: 0px 2px;
  height: 70px;
  padding-top: 6px;
  }

#ptbanner a.logo {
  background-image: url("/BioCyc.gif");
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  width: 220px;
  float: left;
}

#account {
    border: solid 2px #f89838;
    padding: 4px 6px;
    border-radius: 8px;
}

/* Alter the temporary message The temporary message is made visible by the JavaScript code.
   See the userWebsiteCustomization.js file for fn insertTemporaryMessage.
*/

div.temporaryMsg {
  display: none;
  border: 0px;
  color: #fcfcfc;
  background-color: orange;
  line-height: 1.1em;
  font-size: 14px;
  float: left;
  height: 45px;
  /* The width is modified by the JavaScript */
  width: 0px;
  margin-top: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  overflow: hidden;
}

#ilogin > .logIn {
    display: none;
}


/* The color of the current database name, both in the banner and in the
   pull-down menus.
*/
span.dynDBName {
  color: white;
}

/* Overrides of colors in generic banner */

div.searchGroupingInternalBox {
  border: 1px solid rgb(251,203,154);
}

div.searchGroupingInternalBox:hover {
  background-color: rgb(226,113,0);
}

div.bd div.bd > ul li:hover {
   background-color: #F89838
}

/* For ptools-xml guide */

div.codebox {
  background-color: #F6BE86;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  padding: 6px 6px 6px 12px;
  font-family: "Lucida Console", Monaco, monospace;
  margin: 0px 100px 0px 50px;
  white-space: pre;
}

/* Tab styling for organism selector */

.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #e27100; /* color between tab list and content */
    border-width:0 0 5px;
    Xposition:relative;
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, 
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ 
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ 
  background:#e27100 url("/orangegradient.png") repeat-x left; /* selected tab background */ 
  color:#000000; 
}

div.genetabs .ui-tabs-active a.ui-tabs-anchor,
div.genetabs .ui-tabs-active a.ui-tabs-anchor:hover,
div.genetabs .ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #e27100;
    color: black;
}


.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background:#fbcb9a url("/lightorangegradient.png") repeat-x left; /* selected tab background */
    outline:0;
}

.yui-skin-sam .yui-navset .yui-content {
    background:#fafafa; /* content background color */
}

/* The tabs on the gene page */

div.genetabs .yui3-tab .yui3-tab-label, div.genetabs a.ui-tabs-anchor {
    color: #CB6B0B;
}

div.genetabs .yui3-tab-selected a.yui3-tab-label, 
div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #F89838;
    color: black;
}


div.genetabs .yui3-tabview-list, div.genetabs .ui-tabs-nav {
    border-color:  #F89838;
}

div#bannerNotice {
    width: 100%;
    min-height: 2em;
    background-color: #F89838;
    color: black;
    padding: 12px 8px;
    text-align: center;
}

div#bannerNotice .msg {
    font-size: 16px;
    line-height: 1.3;
}

div#bannerNotice a.closeIcon {
    float: right;
    color: darkslategray;
}

div#bannerNotice a.closeIcon i {
    border-color: darkslategray;
}
/* ************************************************************************
   PGDB-specific banner styling -- specify the orgid as the class 

   ************************************************************************
*/

/* For ECOLI */
.ECOLI .menubar-wide-margin-border {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	max-width: 1200px;
	background-color: #336699;
	color: white;
}

.ECOLI .changeDBBtn {
    height: 36px;
    background: ##181A6F;
    border-color: #181A6F;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.ECOLI .footer-wide-margin-border {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #336699;
    color: white;
}

.ECOLI .footer-wide-margin-border-alt-color {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: black;
}

.ECOLI .footer, .ECOLI .footer a {
    color: white;
    background-color: black;
}

.ECOLI .pureOrangeQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: #336699;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.ECOLI .pureBlueQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: black;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.ECOLI .top-menubar-cell {
    background-color:#336699; 
    height:49px;
}

.ECOLI body.MainPage {
  background-color: white;
}

.ECOLI #ptbanner { 
  background-color: #FFFFFF;
}

.ECOLI #ptbanner a.logo {
  background-image: url("/EcoCyc.gif");
  background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;

  width: 220px;
  float: left;
}

.ECOLI h1, .ECOLI h2.content-majorhead {
   color: #336699;
}

.ECOLI div.genetabs .yui3-tab .yui3-tab-label, .ECOLI div.genetabs a.ui-tabs-anchor {
    color: #336699;
}

.ECOLI div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.ECOLI div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.ECOLI div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.ECOLI div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.ECOLI div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.ECOLI div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #336699;
    color: white;
}


.ECOLI div.genetabs .yui3-tabview-list, .ECOLI div.genetabs .ui-tabs-nav {
    border-color:  #336699;
}

/*  For META */

.META .menubar-wide-margin-border {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	max-width: 1200px;
	background-color: #548039;
	color: white;
}

.META .changeDBBtn {
    height: 36px;
    background: ##181A6F;
    border-color: #181A6F;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.META .footer-wide-margin-border {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #548039;
    color: white;
}

.META .footer-wide-margin-border-alt-color {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: black;
    color: white;
}

.META .footer, .META .footer a {
    color: white;
    background-color: black;
}

.META .pureOrangeQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: #548039;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.META .pureBlueQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: black;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.META .top-menubar-cell {
    background-color:#548039; 
    height:49px;
}

.META body.MainPage  {
 background-color: white;
}

.META #ptbanner { 
  background-color: #FFFFFF;
}

.META #ptbanner a.logo {
  background-image: url("/MetaCyc.gif");
  background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;
  width: 220px;
  float: left;
}

.META h1, .META h2.content-majorhead {
   color: #548039;
}

.META div.genetabs .yui3-tab .yui3-tab-label, .META div.genetabs a.ui-tabs-anchor {
    color: #548039;
}

.META div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.META div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.META div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.META div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.META div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.META div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #548039;
    color: white;
}

.META div.genetabs .yui3-tabview-list, .META div.genetabs .ui-tabs-nav {
    border-color:  #548039;
}

/* For HUMAN */

.HUMAN .menubar-wide-margin-border {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	max-width: 1200px;
	background-color: #ca3827;
	color: white;
}

.HUMAN .changeDBBtn {
    height: 36px;
    background: ##181A6F;
    border-color: #181A6F;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.HUMAN .footer-wide-margin-border {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #ca3827;
    color: white;
}

.HUMAN .footer-wide-margin-border-alt-color {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: black;
    color: white;
}

.HUMAN .footer, .HUMAN .footer a {
    color: white;
    background-color: black;
}

.HUMAN .pureOrangeQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: #ca3827;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.HUMAN .pureBlueQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: black;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.HUMAN .top-menubar-cell {
    background-color:#ca3827; 
    height:49px;
}

.HUMAN body.MainPage {
 background-color: white;
}

.HUMAN #ptbanner { 
  background-color: #FFFFFF;
}

.HUMAN #ptbanner a.logo {
  background-image: url("/HumanCyc.gif");
  background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;
  width: 220px;
  float: left;
}

.HUMAN h1, .HUMAN h2.content-majorhead {
   color: #ca3827;
}

.HUMAN div.genetabs .yui3-tab .yui3-tab-label, .HUMAN div.genetabs a.ui-tabs-anchor {
    color: #ca3827;
}

.HUMAN div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.HUMAN div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.HUMAN div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.HUMAN div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.HUMAN div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.HUMAN div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #ca3827;
    color: white;
}


.HUMAN div.genetabs .yui3-tabview-list, .HUMAN div.genetabs .ui-tabs-nav {
    border-color:  #ca3827;
}

/* For BSUB */

.BSUB .menubar-wide-margin-border {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	max-width: 1200px;
	background-color: #530093;
	color: white;
}

.BSUB .changeDBBtn {
    height: 36px;
    background: ##181A6F;
    border-color: #181A6F;
    font-size: 16px;
    color: white;
    vertical-align: middle;
}

.BSUB .footer-wide-margin-border {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #530093;
    color: white;
}

.BSUB .footer-wide-margin-border-alt-color {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: black;
    color: white;
}

.BSUB .footer, .BSUB .footer a {
    color: white;
    background-color: black;
}

.BSUB .pureOrangeQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: #530093;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.BSUB .pureBlueQuote {
    width: 283px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -21px;
    position: relative;
    color: white;
    background: black;
    box-shadow: 4px 5px 12px rgb(0 0 0 / 30%);
}

.BSUB .top-menubar-cell {
    background-color:#530093; 
    height:49px;
}

.BSUB body.MainPage {
  background-color: white;
}

.BSUB #ptbanner { 
  background-color: #FFFFFF;
}

.BSUB #ptbanner a.logo {
  background-image: url("/bsubcyc/BsubCyc.gif");
  background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;

  width: 220px;
  float: left;
}

.BSUB h1, .BSUB h2.content-majorhead {
   color: #530093;
}

.BSUB div.genetabs .yui3-tab .yui3-tab-label, .BSUB div.genetabs a.ui-tabs-anchor {
    color: #530093;
}

.BSUB div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.BSUB div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.BSUB div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.BSUB div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.BSUB div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.BSUB div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #530093;
    color: white;
}

.BSUB div.genetabs .yui3-tabview-list, .BSUB div.genetabs a.ui-tabs-anchor {
    border-color:  #530093;
}

/* For HPY */

.GCF_000008525 body.MainPage {
  background-color: white;
}

.GCF_000008525 #ptbanner { 
  background-color: #F89838;
}

.GCF_000008525 #ptbanner a.logo {
  background-image: url("/BioCyc.gif");
  background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;

  width: 220px;
  float: left;
}

.GCF_000008525 h1, .GCF_000008525 h2.content-majorhead  {
   color: #003399;
}

.GCF_000008525 div.genetabs .yui3-tab .yui3-tab-label,
.MTBH37RV div.genetabs .yui3-tab .yui3-tab-label,
.YEAST div.genetabs .yui3-tab .yui3-tab-label,
.VCHO div.genetabs .yui3-tab .yui3-tab-label,
.SHIGELLA div.genetabs .yui3-tab .yui3-tab-label,
.SENT99287 div.genetabs .yui3-tab .yui3-tab-label,
.PDIF272563 div.genetabs .yui3-tab .yui3-tab-label,
.PAER208964 div.genetabs .yui3-tab .yui3-tab-label,
.GCF_000008525 div.genetabs a.ui-tabs-anchor,
.MTBH37RV div.genetabs a.ui-tabs-anchor,
.YEAST div.genetabs a.ui-tabs-anchor,
.VCHO div.genetabs a.ui-tabs-anchor,
.SHIGELLA div.genetabs a.ui-tabs-anchor,
.SENT99287 div.genetabs a.ui-tabs-anchor,
.PDIF272563 div.genetabs a.ui-tabs-anchor,
.PAER208964 div.genetabs a.ui-tabs-anchor  {
    color: #003399;
}

.GCF_000008525 div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.GCF_000008525 div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.GCF_000008525 div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.MTBH37RV div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.MTBH37RV div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.MTBH37RV div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.YEAST div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.YEAST div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.YEAST div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.VCHO div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.VCHO div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.VCHO div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.SHIGELLA div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.SHIGELLA div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.SHIGELLA div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.SENT99287 div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.SENT99287 div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.SENT99287 div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.PDIF272563 div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.PDIF272563 div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.PDIF272563 div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.PAER208964 div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.PAER208964 div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.PAER208964 div.genetabs .yui3-tab-selected a.yui3-tab-label:focus,
.GCF_000008525 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.GCF_000008525 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.GCF_000008525 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.MTBH37RV div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.MTBH37RV div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.MTBH37RV div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.YEAST div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.YEAST div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.YEAST div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.VCHO div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.VCHO div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.VCHO div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.SHIGELLA div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.SHIGELLA div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.SHIGELLA div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.SENT99287 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.SENT99287 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.SENT99287 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.PDIF272563 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.PDIF272563 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.PDIF272563 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus,
.PAER208964 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor,
.PAER208964 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:hover,
.PAER208964 div.genetabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor:focus {
    background-color: #003399;
    color: white;
}

.GCF_000008525 div.genetabs .yui3-tabview-list, .GCF_000008525 div.genetabs a.ui-tabs-anchor,
.MTBH37RV div.genetabs .yui3-tabview-list, .MTBH37RV div.genetabs a.ui-tabs-anchor,
.YEAST div.genetabs .yui3-tabview-list, .YEAST div.genetabs a.ui-tabs-anchor,
.VCHO div.genetabs .yui3-tabview-list, .VCHO div.genetabs a.ui-tabs-anchor,
.SHIGELLA div.genetabs .yui3-tabview-list, .SHIGELLA div.genetabs a.ui-tabs-anchor,
.SENT99287 div.genetabs .yui3-tabview-list, .SENT99287 div.genetabs a.ui-tabs-anchor,
.PDIF272563 div.genetabs .yui3-tabview-list, .PDIF272563 div.genetabs a.ui-tabs-anchor,
.PAER208964 div.genetabs .yui3-tabview-list, .PAER208964 div.genetabs a.ui-tabs-anchor {
    border-color:  #003399;
}



/* For 10403S_RAST  -- not sure if these actually work (may not be a valid classname) */

.10403S_RAST body.MainPage {
  background-color: white;
}

.10403S_RAST #ptbanner { 
  background-color: #F89838;
}

.10403S_RAST #ptbanner a.logo {
 background-image: url("/BioCyc.gif");
 background-repeat: no-repeat;
 background-position: 0px -6px;
 display: block;

  width: 220px;
  float: left;
}

.10403S_RAST h1 {
   color: #003399;
}

.10403S_RAST div.genetabs .yui3-tab .yui3-tab-label {
    color: #003399;
}

.10403S_RAST div.genetabs .yui3-tab-selected a.yui3-tab-label, 
.10403S_RAST div.genetabs .yui3-tab-selected a.yui3-tab-label:hover,
.10403S_RAST div.genetabs .yui3-tab-selected a.yui3-tab-label:focus {
    background-color: #003399;
    color: white;
}

.10403S_RAST div.genetabs .yui3-tabview-list {
    border-color:  #003399;
}

/* For MTBH37RV */

.MTBH37RV body.MainPage {
  background-color: white;
}

.MTBH37RV #ptbanner { 
  background-color: #F89838;
}

.MTBH37RV #ptbanner a.logo {
 background-image: url("/BioCyc.gif");  
 background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;

  width: 220px;
  float: left;
}

.MTBH37RV h1 {
   color: #003399;
}


/* For YEAST */

.YEAST body.MainPage {
  background-color: white;
}

.YEAST #ptbanner { 
  background-color: #F89838;
}

.YEAST #ptbanner a.logo {
 background-image: url("/BioCyc.gif");  
 background-repeat: no-repeat;
  background-position: 0px -6px;
  display: block;

  width: 220px;
  float: left;
}

.YEAST h1 {
   color: #003399;
}


/* For VCHO */

.VCHO body.MainPage {
  background-color: white;
}

.VCHO #ptbanner { 
  background-color: #F89838;
}

.VCHO #ptbanner a.logo {
    background-image: url("/BioCyc.gif");   
    background-repeat: no-repeat;
    background-position: 0px -6px;
    display: block;

  width: 220px;
  float: left;
}

.VCHO h1 {
   color: #003399;
}

/* For SHIGELLA */

.SHIGELLA body.MainPage {
  background-color: white;
}

.SHIGELLA #ptbanner { 
  background-color: #F89838;
}

.SHIGELLA #ptbanner a.logo {
    background-image: url("/BioCyc.gif");   
    background-repeat: no-repeat;
    background-position: 0px -6px;
    display: block;
    
    width: 220px;
    float: left;
}

.SHIGELLA h1 {
   color: #003399;
}

/* For SENT99287 */

.SENT99287 body.MainPage {
  background-color: white;
}

.SENT99287 #ptbanner { 
  background-color: #F89838;
}

.SENT99287 #ptbanner a.logo {
    background-image: url("/BioCyc.gif");  
    background-repeat: no-repeat;
    background-position: 0px -6px;
    display: block;
    
    width: 220px;
    float: left;
}

.SENT99287 h1 {
    color: #003399;
}

/* For PDIF272563 */

.PDIF272563 body.MainPage {
  background-color: white;
}

.PDIF272563 #ptbanner { 
  background-color: #F89838;
}

.PDIF272563 #ptbanner a.logo {
    background-image: url("/BioCyc.gif"); 
    background-repeat: no-repeat;
    background-position: 0px -6px;
    display: block;
    
    width: 220px;
    float: left;
}

.PDIF272563 h1 {
   color: #003399;
}

/* For PAER208964 */

.PAER208964 body.MainPage {
  background-color: white;
}

.PAER208964 #ptbanner { 
  background-color: #F89838;
}

.PAER208964 #ptbanner a.logo {
 background-image: url("/BioCyc.gif"); 
 background-repeat: no-repeat;
 background-position: 0px -6px;
 display: block;
 
 width: 220px;
 float: left;
}

.PAER208964 h1 {
   color: #003399;
}













/* PortEco logos */
.ECOL316407 #ptbanner a.logo {
  background-image: url("/BioCyc_PortEco.gif");
  background-repeat: no-repeat;
  background-position: 0px -2px;
  display: block;

  width: 369px;
  float: left;
}


/* The color of the current database name only in the banner.
*/

.ECOLI span.dynDBName.banner {
  /* color: #336699; */
  color: black;
}

.META span.dynDBName.banner {
 /* color: #548039; */
  color: black;
}

.HUMAN span.dynDBName.banner {
 /* color: #ca3827; */
  color: black;
}

.BSUB span.dynDBName.banner {
  /* color: #530093; */
  color: black;
}

/* Toolbar color */

.ECOLI div.yuimenubarnav div.bd li.yuimenubaritem, .ECOLI div.bd ul.toolbar {
  background-color:  #336699;
}

.META div.yuimenubarnav div.bd li.yuimenubaritem, .META div.bd ul.toolbar {
  background-color:  #548039;
}

.HUMAN div.yuimenubarnav div.bd li.yuimenubaritem, .HUMAN div.bd ul.toolbar {
  background-color:  #ca3827;
}

.BSUB div.yuimenubarnav div.bd li.yuimenubaritem, .BSUB div.bd ul.toolbar {
  background-color:  #530093;
}

.HPY div.yuimenubarnav div.bd li.yuimenubaritem, .HPY div.bd ul.toolbar,
.MTBH37RV div.yuimenubarnav div.bd li.yuimenubaritem, .MTBH37RV div.bd ul.toolbar,
.YEAST div.yuimenubarnav div.bd li.yuimenubaritem, .YEAST div.bd ul.toolbar,
.VCHO div.yuimenubarnav div.bd li.yuimenubaritem, .VCHO div.bd ul.toolbar,
.SHIGELLA div.yuimenubarnav div.bd li.yuimenubaritem, .SHIGELLA div.bd ul.toolbar,
.SENT99287 div.yuimenubarnav div.bd li.yuimenubaritem, .SENT99287 div.bd ul.toolbar,
.PDIF272563 div.yuimenubarnav div.bd li.yuimenubaritem, .PDIF272563 div.bd ul.toolbar,
.PAER208964 div.yuimenubarnav div.bd li.yuimenubaritem, .PAER208964 div.bd ul.toolbar {
 background-color:  #003399;
}

.10403S_RAST div.yuimenubarnav div.bd li.yuimenubaritem, .10403S_RAST div.bd ul.toolbar {
 background-color:  #003399;
}


/* Use a slightly different background color for the object-specific menus */

.ECOLI div.yuimenubarnav .bd ul.toolbar li.objMenu {
    background-color: #5C85AD;
}

.META div.yuimenubarnav .bd ul.toolbar li.objMenu {
    background-color: #59863e;
}

.HUMAN div.yuimenubarnav .bd ul.toolbar li.objMenu {
    background-color: #da7468;
}

.BSUB div.yuimenubarnav .bd ul.toolbar li.objMenu {
    background-color: #874db3;
}


/* The box around the pull-down menu that lists the current database, and
   the color of the selected item on the menubar */

.ECOLI div.bd div.withDatabase, .ECOLI div.yuimenubarnav div.bd ul.toolbar li.yuimenubaritem-selected {
   background-color: #8DA6BF;
   border-left:  4px solid #336699;
}

.ECOLI div.bd div.withDatabase {
   border-right:  3px solid #336699;
   border-left:   3px solid #336699;
   border-bottom: 3px solid #336699;
}

.META div.bd div.withDatabase, .META div.yuimenubarnav div.bd ul.toolbar li.yuimenubaritem-selected  {
   background-color: #CAE5BB;
   border-left:  4px solid #548039;
}

.META div.bd div.withDatabase {
   border-right:  3px solid #548039;
   border-left:   3px solid #548039;
   border-bottom: 3px solid #548039;
}


.META table.menuDatabase, .META table.menuDatabase a, .META div.yuimenubarnav div.bd .yuimenubaritemlabel-selected {
   color:   black; 
}

.HUMAN div.bd div.withDatabase, .HUMAN div.yuimenubarnav div.bd ul.toolbar li.yuimenubaritem-selected  {
   background-color: #DCA8A2;
   border-left:  4px solid #ca3827;
}

.HUMAN div.bd div.withDatabase {
   border-right:  3px solid #ca3827;
   border-left:   3px solid #ca3827;
   border-bottom: 3px solid #ca3827;
}
.BSUB div.bd div.withDatabase, .BSUB div.yuimenubarnav div.bd ul.toolbar li.yuimenubaritem-selected {
   background-color: #761BBF;
   border-left:  4px solid #530093;
}

.BSUB div.bd div.withDatabase {
   border-right:  3px solid #530093;
   border-left:   3px solid #530093;
   border-bottom: 3px solid #530093;
}



/* The highlight color when the user mouses over one of the menu items.
   These won't work for IE6, which doesn't support the > selector.
 */

.ECOLI div.bd div.bd > ul li:hover {
   background-color: #FFFbAf;
}

.META div.bd div.bd > ul li:hover {
   background-color: #FDE0C3;
}

.HUMAN div.bd div.bd > ul li:hover {
   background-color: #FFF5C3;
}

.BSUB div.bd div.bd > ul li:hover {
   background-color: #BFBFBF;
}


/* The search field header bars for the search pages */

.ECOLI .open { 
   background-color: #A0B6CB; 
}

.META .open { 
   background-color: #A3B998; 
}

.HUMAN .open { 
   background-color: #CA9D97; 
}

.BSUB .open { 
   background-color: #9F78EF; 
}

/* The box surrounding the Quick Search form */

.ECOLI div.searchGroupingInternalBox {
  border-color: #181A6F;
}

.ECOLI div.searchGroupingInternalBox:hover {
  background-color: #FFFbAf;
}

.META div.searchGroupingInternalBox {
  border-color: #181A6F;
}

.META div.searchGroupingInternalBox:hover {
  background-color: #CAE5BB;
}

.HUMAN div.searchGroupingInternalBox {
  border-color: #181A6F;
}

.HUMAN div.searchGroupingInternalBox:hover {
  background-color: #FFF5C3;
}

.BSUB div.searchGroupingInternalBox {
  border-color: #530093;
}

.BSUB div.searchGroupingInternalBox:hover {
  background-color: #BFBFBF;
}

.PortEcoButton {
  background-color: #adc5ef;
}

.ecobuttons input[type='button'], button.ecobutton, button.seqBtn {
    background-color: #181A6F;
    border-radius: 4px;
    border-width: 1px;
    padding: 1px 6px 2px;
    cursor: pointer;
    color: white;
}

.ecobuttons input[type='button']:hover, button.seqBtn:hover {
background-image: linear-gradient(rgba(255,255,255,0.4),transparent,rgba(255,255,255,0.5));
}


/* ===================================================================
   The particular style for our static marketing page(s).  This may
   be better placed in its own file.

   The following overrides or extends whatever is in style.css
  
   =================================================================== */


.PRODUCT h2
{
    font-family: sans-serif;
    line-height: 1.15;

}