body,html { 
margin-left: 0%; 
margin-right: 0%;
font-family: Arial, Verdana, sans-serif;
color: black;
background-color: #F0F8FF;
font-size: 1em;
}

.index {
  width: 50%;
  font-size: 1.1em;
  font-weight: bold;
  margin: 1% 5% 1% 1%;
}
.index a {
  display: block;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.motif_name {
  font-weight: bold;
  font-size: 1.2em;
  padding: 2em 1em 2em 1em;
}

.motif {
  border-top: solid 1px #87CEFF;
  margin: 2em 0em 0em 0em;
  font-family: monospace, courier, arial, Courier, Arial;
}

.motif img { 
  margin: 0.5%;
  border: solid 1px #87CEFF;
}

.even {
  background-color: #B0E2FF;
}
.odd {
  background-color: #FFFFFF;
}

.features{
  margin: 1em 1em 1em 1em;
  font-size: 0.6em;
}

.features th {
  border: solid 1px #87CEFF;
  padding: 0.2em;
  text-align: center;
}

.features td {
  border: solid 1px #87CEFF;
  padding: 0.5em;
  text-align: center
}

.sequence {
  font-family: monospace, courier, arial, Courier, Arial;
}

.score { 
  font-weight: bold;
  font-size: 1.2em;
}

.wm {
  display: inline-table;
  clear: none;
  margin: 0.5%;
  width: 48%;
  border: solid 1px #87CEFF;
}

/* New style for div formating */

#content { 
  border: solid 1px #87CEFF;
  background-color: white;
  margin: 1% 5% 1% 5%;
  padding: 1em  1em  1em  1em;
}

.myfieldset { 
  margin: 2em;
  padding-left: 1em;
  width: 80%;
  border: 1px solid #87CEFF;
}

#title {  
  border: solid 1px #87CEFF;
  background-color: white;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  margin: 1% 5% 1% 5%;
  padding: 0.5em  0.5em  0.5em  0.5em;
}

#navbar { 
  margin: 1% 6% 1% 6%;
  background-color: white;
  border: 1px solid #87CEFF; 
}


#navbar table{ 
  width: 100%;
  background-color: white;
}

#navbar td { 
  padding: 0.05em;
  border: 1px solid #87CEFF; 
  text-align: center;
}

#navbar a{ 
  text-decoration: none;
}

.highlightcell { 
  background-color: #F3F8FF; 
}

#navbar a:hover { color: rgb(0, 96, 255); background-color:#FFFF99;} /* when mouse is over link */
#navbar a:focus { font-weight: bold;} /* when mouse is over link */
#navbar a {display: block;}

.help_link { 
  float: right;
  margin: 0% 2% 0% 2%;
  background-color: #F3F8FF;
  border: solid 1px #87CEFF;
}

.help_link a:hover { color: rgb(0, 96, 255); background-color:#FFFF99;} /* when mouse is over link */
.help_link a:focus { font-weight: bold;} /* when mouse is over link */
.help_link a {
  display: block;
  padding: 0.2em;
  text-decoration: none;
}

#help { 
  border-top: solid 1px #87CEFF;
  background-color: white;
  margin: 1% 0% 1% 0%;
  padding: 1%  5%  0%  5%;
}

.heading { 
  font-size: 1.1em;
  font-weight: bold;
  background-color: #87CEFF;
  text-align: center;
}

.center {  
  text-align: center;
}

.button{  
  background-color: white;
  border-top: 2px solid #87CEEB;
  border-left: 2px solid #87CEEB;
  border-bottom: 2px solid blue;
  border-right: 2px solid blue;
  padding: 0.1em;
}

.strong { 
  font-weight: bold;
}

#features_graph { 
  border-top: 2px solid #87CEEB;
  margin: 1% 0% 1% 0%;
  text-align: center;
}

#banners { 
  text-align: center;
  margin: 0.2em;
}

#banners img {  
  border: none;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

#banners a {
  text-decoration: none;
}