body 
{
   margin: 0;
   padding: 0;
}

img
{
   border: none;
}

pre
{
   margin: 10pt;
   padding: 0;   
}

/*************************************************************************/
/*** The top main-menu navigation bar ***/
#navcontainer ul
{
padding: 0;
margin: 0;
}

#navlist li {
display: inline; 
font: bold 10px/20px Helvetica, verdana, sans-serif;
height: 20px;
}

#navlist a
{
background: url("navBarBg.gif") repeat-x 20px;
text-decoration: none;
color: #000000;
padding: 0.2em 1em;
margin: 0 2px;
border: 1px solid #A8B090;
}

#navlist a#current { background: url("navBarBgHover.gif") repeat-x 20px; }
#navlist a:hover { background: url("navBarBgHover.gif") repeat-x 20px; }


/*************************************************************************/
/*** This is the sub-menu for a given page ****/

/*
** #pagemenu
** {
**    float: left;
**    width: 150px;
**    margin: 0;
**    padding: 0px;
**    height: 500px; 
**    background-color: #ffffff;
**    background-image: url(../ucb.gif);
**    background-repeat: no-repeat;
**    background-position: bottom center;
** }
*/

#pagemenu
{
   float: left;
   width: 150px;
   margin: 0;
   padding: 0px;
   height: 500px; 
   background-color: #ffffff;
}

#pagemenu ul
{
margin: 0px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

#pagemenu li {
   list-style: none; 
   margin: 0px 0px 2px 0px; 
}

.menupad {
   padding: 50px 0px 0px 0px;
}
.menulabel {
   border-bottom: 2px dotted #a03030;
   font-weight: bold;
   padding: 2px 2px 2px 4px;
}
.menuitem {
   padding: 2px 2px 2px 20px;
}

#pagemenu a
{
   padding: 0px 0px;
   margin-left: 0px;
   text-decoration: none; 
   font: 14px Verdana, Helvetica, sans-serif;
}

#pagemenu a:link, #menulist a:visited
{
   margin: 0;
   padding: 0;
   color: #000000;
   text-decoration: none;
}

#pagemenu a:hover
{
   color: #a03030;
}

#menuactive a:link, #menuactive a:visited, #menuactive a:hover
{
   color: #a03030;
}

/*************************************************************************/
#header
{
   margin: 0;
   padding: 0;
   background-color: #333366;
   border-bottom: 20px solid #92aec7;
   height: 80px;
   width: 100%;
   background-image: url(ucllogo.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}

#title
{
   margin: 0px 5px 0px 5px;
   padding: 0em;
   font: bold 24pt Helvetica, Arial, sans-serif;
   color: white;
}

#sponsor
{
   display: none;
}

#ucl
{
   float: right;
   width: 180px;
   font: 10pt Helvetica, Arial, sans-serif;
   padding: 0;
   margin: 0;
}

/*************************************************************************/
#content
{
   margin: 0;
   padding: 0;
   border: none;
}

#main
{
   position: absolute;
   left: 150px;
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   font:  14px Helvetica, Arial, sans-serif;
}

#maincontent
{
   margin: 0px;
   padding: 0;
}

#head1graphic
{
   margin: 0;
   padding: 0;
   position: absolute;
   left: 0px;
}

.announcement {text-align: center;
       padding: 10px;
       margin:  20px 20px 0px 20px;
       background-color: #b9d9f7;
       color: #000000;
       border: 2px solid #333366;
       font:  italic 20px Arial, Helvetica, sans-serif; 
}

.availability {text-align: center;
       padding: 10px;
       margin:  20px;
       background-color: #b9d9f7;
       color: #000000;
       border: 2px solid #333366;
       font:  italic 20px Arial, Helvetica, sans-serif; 
}

p.aasequence {
    font-family: courier;
}

body
{
   background-color: #ffffff;
}

p { 
    font:  14px Arial, Helvetica, sans-serif; 
    margin: 0;
    padding: 0em 1em 1em 10px; 
}
h3 { 
     font:  bold 16px Arial, Helvetica, sans-serif; 
     margin: 0;
     padding: 0em 1em 0.5em 10px; 
}
h4 { 
     font:  bold italic 14px Arial, Helvetica, sans-serif; 
     margin: 0;
     padding: 0em 1em 0 10px; 
}
h2 { 
     font:  bold 22px Arial, Helvetica, sans-serif; 
     padding: 1em 1em 1em 10px; 
     margin: 0;
}
h1 {   font:  bold 30px Arial, Helvetica, sans-serif; 
       color: #000000;
       background-color: white;
       width: 100%;
       margin: 0;
       padding: 10px 0px 10px 10px;
}
/* table { margin: 0 10px 1em 10px; } */
table.seq_res { margin: 0 10px 1em 10px; border:1px solid blue;border-collapse:collapse;}
table.seq_display {border-collapse:collapse;border:1px solid blue;margin-left:20px;}
textarea { margin: 0 10px 1em 10px; }

.divider
{
    padding: 15px 0px 5px 0px;
    border-top: 1px solid black;
}

.buttonlistparams
{
   margin: 2px 10px 0px 2em;
}

.buttonlist {
  margin: 5px 0px 5px 25px;
  border: solid black 1px;
  background-color:  #92aec7;
}
.buttonlist ul {
  margin: 5px 5px 5px 0px;
  padding: 0px 0px 0px 30px;
}
.buttonlist li {
  border: solid black 1px;
  margin: 5px 10px 5px 0px;
  padding: 5px;
  background-color: #FFFFFF;
}

.seqinput {
  margin: 5px 0px 5px 25px;
  border: solid black 1px;
  background-color:  #92aec7;
  padding: 5px;
}

.seqinput p {
  margin: 0px;
}

.seqinput textarea {
  margin: 0px 0px 0px 25px;
}

td.seq_res {
    vertical-align:top;
    border: 1px solid blue;
}

td.seq_display {
    text-align:center;
    border: 1px solid blue;
}

td.loop {
    background-color: #ff8888;
}

td.framework {
    background-color: #aaffaa;
}

td.not_numbered {
    background-color: #8888ff;
}

th.seq_res{
    text-align:center;
    padding:5px;
    border: 1px solid blue;
    background-color: #c7d4e0;
}

td.A {
    text-align:center;
    background-color: #C8C8C8;
}

td.R, td.K {
    text-align:center;
    background-color: #145AFF;
}

td.N, td.Q {
    text-align:center;
    background-color: #00DCDC;
}

td.D, td.E {
    text-align:center;
    background-color: #E60A0A;
}

td.C, td.M {
    text-align:center;
    background-color: #E6E600;
}

td.G {
    text-align:center;
    background-color: #EBEBEB;
}

td.H {
    text-align:center;
    background-color: #8282D2;
}

td.I, td.L, td.V {
    text-align:center;
    background-color: #0F820F;
}

td.F, td.Y {
    text-align:center;
    background-color: #3232AA;
}

td.P {
    text-align:center;
    background-color: #DC9682;
}

td.S, td.T {
    text-align:center;
    background-color: #FA9600;
}

td.W {
    text-align:center;
    background-color: #B45AB4;
}


table.summarytable { border-collapse:collapse;
                     border: 2px solid #333366;
                     margin: 0 10px 1em 100px;
                     width: 400px;
}
col.sumtablekey  { width: 40%; }
col.sumtabledata { width: 60%; }
table.summarytable th { background-color:  #92aec7;
                        padding: 2px 10px 2px 10px;
                        border-bottom: 2px solid #333366;
                        text-align: left; }
table.summarytable td { padding: 0 10px 1px 10px;
                        text-align: left; }
table.searchtable td {padding: 1px 0px 2px 0px;}

#displayCDRSearch, #displayStructure, #displayForm, .basicSearch {
   margin: -10px 10px 30px 20px;
   border: 2px solid #666666;
   background-color:  #92aec7;
   padding: 10px 0px 0px 0px;
}

.warning
{
   background: #aa3333;
   color: #ffffff;
   border: 2px solid #000000;
   padding: 2em;
   margin: 2em;
}

.commercial
{
   background: #e4e4e4;
   color: #274c7b;
   padding: 8pt;
   margin: 4pt;
}

.commercial h1
{
   color: #274c7b;
   background: #e4e4e4;
   font: bold 14px Helvetica, verdana, sans-serif;
   padding: 0px 0px 6px 0px;
   margin: 0px;
}

.commercial p
{
   padding: 0px 0px 4px 0px;
   margin: 0px;
}