img { 
  border-style: none;
  vertical-align: middle;
}

body { 
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  margin: 7px;
  padding: 0;
}

body a { 
  text-decoration: none;
}

button { 
  vertical-align: middle;
}

/* styling for the main body */

#content { 
  padding-left: 0.2em;
}

#content h2 { 
  margin-top: 0.5em;
}

/*************************************/
/************** Bars *****************/
/*************************************/


/* Styling for the top bar */

#topbar { 
  width: 100%;
  background: #80C0FF url(../imgs/UNIPROBE.jpg) no-repeat top left;
  overflow: hidden;
  height: 59px;
  border: 1px solid #80C0FF;
  font-size: 16px;
  padding: 0;
}

#topbar h2 {
  padding: 0;
  margin: 17px 0 0 .2em;
}

/* Styling for the nav bar */

#navbar {
  padding: 0;
  width: 100%;
  background-color: #E7F0F7;
  overflow:hidden;
  border-bottom: 1px solid #80C0FF;
  border-left: 1px solid #80C0FF;
  border-right: 1px solid #80C0FF;
  font-size: 16px;
  line-height: 1.4em;
}

#navbar ul {
  list-style: none;
  padding: 0;
  margin: .2em 0 .2em .2em;
}
	
#navbar li {
  display: inline;
  margin-right: 1.2em; 
  margin-left: .3em; 
}

#navbar a { 
  text-decoration: none;
  color: #000000;
  font-variant: small-caps;
}

#navbar a:visited { 
  color: #000000;
}

#navbar a:hover { 
  color: #A84700;
}

#navbar form { 
  position: absolute;
  top: 69px;
  right: 1em;
  font-variant: small-caps;
}

#navbar p { 
  margin: 0;
  padding: 0;
}

#advsearch { 
  padding: 0.5em;
  margin: 0.8em -2px 0.5em 2em;
  float: right;
  width: 30em;
  border: 1px solid #9BB9DD;
  background-color: #E7F0F7;
}

#refsearch { /* overwrite previous statement */
  margin: 0.8em 0 0 0;
  width: 100%;
  border: 1px solid #9BB9DD;
  background-color: #E7F0F7; /* #C6E2FF; */
}

#advsearch h3, #refsearch h3 { 
  padding: 0;
  margin: 0.5em 1em;
/*  margin: 0.2em 0 1em 0.2em; */
}

#advsearch button, #refsearch button {
  vertical-align: bottom;
} 

#advsearch legend, #refsearch legend, #advsearch fieldset, #refsearch fieldset  { 
  border: 1px solid #909090;
}

#advsearch fieldset, #refsearch fieldset { 
  padding: 0.5em;
  padding-bottom: 0;
  background-color: #F8FCFF;
/*  background: #F8FCFF url(logo.gif) no-repeat scroll right top; */
}

#advsearch div.advFormContainer, #refsearch div.advFormContainer { 
  margin: 0.8em 1em 1.5em 1em; 
}

#refsearch fieldset { 
  width: 27em;
}

#advsearch legend, #refsearch legend { 
  padding: 0.1em;
  background-color: #C6E2FF;
  font-weight: bold;
}

#advsearch input, #advsearch select { 
  margin-right: 1em;
}

#refsearch input, #refsearch select { 
  margin-right: 1em;
}

/* for the text search part of the search menu */ 
#advSearchForm ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
}
	
#advSearchForm li {
  display: inline;
  margin-right: 2em;
}

/* for the motif similarity part of the search menu */ 
#blastpSearchForm ul, #motifSearchForm ul, #dnaSearchForm ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
}
	
#blastpSearchForm textarea, #motifSearchForm textarea, #dnaSearchForm textarea { 
  margin-top: 0.5em;
  margin-left: 1.5em;
}

div.help { 
  float: right;
}

div.help a:link, div.help a:visited { 
  color: #00E;
  text-decoration: none;
}

.not-link { 
  text-decoration: none;
  color: #00E;
  margin-left: 1em;
}

.not-link-down { 
  color: #00E;
  text-decoration: none;
}

.optdiv { 
  display: none;
  margin: 0 1em;
  padding: 0.2em 0.5em;
  border: 1px solid #909090;
}

.align-right { 
  text-align: right;
}

/**************************************/
/************* Login Divs **************/
/**************************************/

div#loginIndexDiv { 
  float: right;
  width: 30em;
  overflow:hidden;
  background-color: #FFFDED;
  border: 1px solid #FFFF00;
  margin: 0.8em -2px 0.5em 2em;
  padding: 0.5em;
}

div#loginIndexDiv h3 {
  padding: 0;
  margin: 0.5em 0 0 0;
  text-align: center;
}


div#loginDiv { 
  width: 30em;
  overflow:hidden;
  background-color: #FFFDED;
  border: 1px solid #FFFF00;
  margin: 0.8em 0 0.5em 0;
  padding: 0.5em;
}

div#loginDiv h3 {
  padding: 0;
  margin: 0.5em 0 0 0;
  text-align: center;
}

div#register { 
  width: 450px;
  padding: 1.5em 0.5em;
}

div#register h3 {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

div#register .lesstop { 
  margin-top: 0.2em;
  padding-top: 0;
}

div#register .lessbot { 
  margin-bottom: 0.2em;
  padding-bottom: 0;
}

div#register legend { 
  font-weight: bold;
  padding: 2px 3px;
  border: 1px solid black;
}

div#logout { 
  position: absolute;
  top: 12px;
  right: 12px;
}

div#logout a { 
  text-decoration: none;
  font-weight: bold;
  font-size: larger;
  color: red;
}

/*************************************/
/************* Errors ****************/
/*************************************/

.error { 
  margin: 0.8em 30em 0 2.5em;
  padding: 0.2em;
  border: 1px solid red;
  background-color: #FFE4E1;
}