/*
This is enzyme4.css to replace the initial https://www.enzyme-database.org/enzyme.css 
In the following css, all commented lines were removed, and previous font family references to make sure Poppins is used for titles, and Arial for the main text
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/

.e {color: #eeeeee; background-color: #6677aa; font-weight: bold; }
greek { font-family: Arial, sans-serif; }
pre {margin: 0px; font-family: monospace; font-size: 12px; }
//a:hover {text-decoration: underline; }
.a { font-size: 80%; }
.a:visited {color: #000099; text-decoration: none; }
.a:hover {color: green; text-decoration: none; }
.b { font-size: 80%; }
.b:visited {color: #000099; text-decoration: none; }
.b:hover {color: red; text-decoration: none; }
.oe:link {color: black; text-decoration: none; }
.oe:link:active {color: black; text-decoration: none; }
.oe:link:visited {color: black; text-decoration: none; font-family: Arial, sans-serif; }
.oe:link:hover {color: #ff0000; text-decoration: none; }
.j:link {color: black; text-decoration: none; }
.j:link:active {color: black; text-decoration: none; }
.j:link:hover {color: black; text-decoration: none; }
.m:link {color: white; text-decoration: none; font-size: 105%; }
.m:visited {color: white; text-decoration: none; font-size: 105%; }
.m:hover {color: #eeeeaa; text-decoration: none; font-size: 105% ;}
.m:active {color: white; text-decoration: none; font-size: 105% ;}
.om {color: #000099; text-decoration: none; }
.om:visited {color: #000099; text-decoration: none; }
.om:hover {color: #F6f6f6; text-decoration: none; }
.om:active {color: black; text-decoration: none; }
.n {color: black; text-decoration: none; }
.n:visited {color: black; text-decoration: none; }
.n:hover {color: #009900; text-decoration: none; }
.n:active {color: black; text-decoration: none; }
.nm {color: black; text-decoration: none; }
.nm:visited {color: black; text-decoration: none; }
.nm:hover {color: #990000; text-decoration: none; }
.nm:active {color: black; text-decoration: none; }
.chebi:link {color: green; text-decoration: none; }
.chebi:visited {color: green; text-decoration: none; }
.chebi:hover {color: green; text-decoration: underline; }
.red:link {color: red; text-decoration: none; }
.red:visited {color: blue; text-decoration: none; }
.center { text-align: center; }
.center table { margin-left: auto; margin-right: auto; text-align: left; }     
.center th { text-align: center; }
table { border-collapse: collapse; border-width: 0px; border-style: none }
td { border: 0px; font-size: 100%; vertical-align: top; border-style: none }
.green { background-color: #ddffee; border: 0px ;  }
.white { background-color: #ffffff;  }
.orange { background-color: orange;  }
th { border: 0px; font-size: 100%; vertical-align: top: left; border-style: none }

.i {text-indent: -2.0em; text-align: left; vertical-align: middle; padding-left: 2.0em }
.p {text-align: left; vertical-align: middle}
.q {text-align: right; vertical-align: middle}
.l {background-color: #aabbee; font-weight: bold; }
.f {background-color: #ddeeff; font-weight: italic; }
.g {color: #777777; font-weight: italic; }
.c {background-color: #ffffff; font-weight: bold}
.d {background-color: #ffffff; font-size: 80% }
.n {background-color: #ffffff; font-size: 100%}
.bullet {background-color: #ffffff; font-size: 125%}
.u {background-color: #ffffff; font-size: 75%; font-family: Arial, sans-serif; width: 34% }
.v {background-color: #cccccc; }
.z {font-family : Arial, sans-serif; }
.pn {font-size : 85%; }
.hidden { display: none; }
.shown { display: block; }
hr {width: 100%; align: center; background-color: #666666; border: 0px; height: 1px; }
wob {color: #ffffff; background-color: #000000; text-decoration:line-through; font-size:24pt}
bow {color: #000000; background-color: #ffffff; font-size:19pt; }
gow {color: #aaaaaa; background-color: #ffffff; font-size:15pt; }
example {color: #aaaaaa; background-color: #ffffff;}
.warning {color: red;}


.maintenance
	{
	color: #444444; 
	background-color: #ffffff; 
	font-size:19px;
	text-align: center; 
	}

.redcirc
    {
    width:10px;
    height:10px;
    border-radius:5px;
    font-size:7px;
    color:#fff;
    line-height:10px;
    text-align:center;
    background:#f00
    }

.boxed {
  border: 1px solid white ;
  background-image: url(images/cert_border.png); height: 867px; width: 1046px; //note the image here is unavailable
}

  
div.padded {  
  padding-top: 0.5em;  
  padding-right: 2em;  
  padding-bottom: 1em;  
  padding-left: 1em;  
}  

div.cbox {  
  background: #eee;  
  color: black;  
  padding-top: 0.5em;  
  padding-right: 0em;  
  padding-bottom: 0.5em;  
  padding-left: 0em;  
}  

#wrap {
   width:100%;
   margin:0 auto;
}
#left_col {
   font-size:80%;
   float:left;
   width:40%;
}
#right_col {
   float:right;
   width:60%;
}


/* ========================================== */
/* Navigation elements. Defines the formatting
   of the main navigation bar. Attributes for 
   colour and margins can be changed in these 
   rules. */
/* ========================================== */

#nav {
		background-color: #0b3954;
		border-bottom: 1px solid #0b3954;
		width: 100%;
}

#nav ul {
		background-color: #0b3954;
		margin: 0 0 0 1px;
		padding: 0;
}

#nav td {
		background-color: #0b3954;
		margin: 0 0 0 1px;
		padding: 15px;
		text-transform: uppercase;
}

#nav li {
		display: inline;
		list-style-type: none;
		padding: 0;
		margin: 0;
}

#nav li a { 
		padding: 2px 8px 3px 8px;
		border: 1px solid #0b3954;
/*		font-weight: bold;
		line-height: 208%;*/
		color: white;
}

#nav a:link, #nav a:visited {
		color: #fff;
		background-color: #0b3954;
		text-decoration: none;
}

#nav a:hover, #nav a:active {
		color: #000;
		background-color: #f6f6f6;
		text-decoration: none;
}

#top {
		border-bottom: 1px solid #ffffff;
		background: #ffffff no-repeat right top;
		width: 100%;
}

#top img {max-width: 100%;}

#hier {
		vertical-align=center;
}

#left {width: 181px; background: #0b3954 left top repeat-y;}
#left ul {margin: 0; padding: 0; width: 181px;}
#left li {list-style-type: none; display: inline;}

#left td {
                background-color: #0b3954;
                margin: 0 0 0 1px;
                padding: 0;
}

#left li a {
                text-decoration: none;
                background-color: #0b3954;
                padding: 5px 0 5px 15px;
                display: block;
                color: #fff;
                border-right: 1px solid #0b3954;
                border-bottom: 1px solid #0b3954;
}

#left li a:hover {
                color: #000;
                background-color: #F6F6F6;
}

/* This is the IUBMB styling, for text and menu, but with arial as main font */
html, body {font-family: Arial, sans-serif; font-size: 16px;}
h1, h2, h3, p, #nav, #left, ol, ul, b, i, center, small {font-family: "Arial", sans-serif;}
	a {color: #087a87;}
.branding {padding: 15px 0 15px 0;}
.branding h1 {font-size: 2em; font-weight:bold; color:#3D4068;}
.branding p {font-size: 1.2em;}
.branding img {max-width: 100%; }
.main-menu {background-color: #0b3954; color: white; text-transform: uppercase; margin-bottom: 15px;}
.main-menu ul li a {padding: 15px ; } 
.main-menu a {color: white;}
.main-menu a. active {background: #000;}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav-pills>li>a  {background-color: #0b3954;}
.nav-pills>li>a:hover, .nav-pills>li>a:active, .nav-pills>li>a:focus {background: #000000;}
footer {color: #dddddd; background: #333; padding:30px 0; margin-top:20px;}
footer a {color: #ffffff;}
footer a:hover, footer a:active {color:#0b3954;}

.button {
  background-color: #black; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
}

input[type=reset] {
  background-color: gray; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
}

input[type=submit] {
  background-color: black; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
}

select {
  background-color: #white; /* Green */
  border: none;
  color: black;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
}

/*
input[type=text] {
  font-family: "Poppins", sans-serif;
  font-size: 100%;
}


*/

#holder {
    margin :0 auto;
    display:inline-block;
    width: 100%;
    text-align: center;
}
.left {
/*    float:left;*/
    display:inline-block;
}
.right {
/*    float:right;*/
    display:inline-block;
}
#logo {
    align:middle;
    text-align:center
}
#wrapper {
    height:200px;
    position: relative;
    align: center;
    padding: 0em 0em 0em 0em;
    background: #fff;
    border: 1px solid blue;
}