/********/
/* BODY */
/********/

div#page {
       position: relative;
       font-family: arial, verdana, tahoma, sans-seriff;     /* font for regular text */
       background: white;                   /* allows user color customization */
       margin-top: 2%;                      /* leave some room up there */
       margin-left: auto;                   /* centers the frame */
       margin-right: auto;                  /* centers the frame */
       width: 60.5em;                         /* ideal for a 1024 x 768 viewport and zooming */
       border: 1px #231BFF solid;              /* allows user color customization */
       }

/*************/
/* COPYRIGHT */
/*************/

.copyright {
	position: relative;
	font-family: arial, verdana, tahoma, sans-seriff;
	font-size: .875em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60.5em;
	line-height: 1.5em;

}

/*********/
/* IMAGE */
/*********/

.image { 

         width: 50em;
         height: 13.05em;
 }


fieldset br {
	display: none;
}

/******************/
/* IDENTIFICATION */
/******************/

/* DATABASE NAME */

#db-name {                                     
           float: left;                          /* go to upper left corner */
           font-family: futura, sans-seriff;     /* font for headlines and menus */
           font-size: 6em;
	   margin-top: -0.025em;
	   padding-top: 0;	
           cursor: default;
           }

/* DATABASE RELEASE */

#db-release {                                     
              float: right;                         /* go to upper right corner */
              font-family: futura, sans-seriff;     /* font for headlines and menus */
	      margin-top: -0.1em;
	      padding-top: 0;	
              cursor: default;
              }

/**************/
/* NAVIGATION */
/**************/

/* navigation-frontpage */

#navigation-frontpage {            
                           clear: both;
                           margin-top: 10em;
                           margin-bottom: 2em; 
                           }

/* navigation-selenodb */

div#navigation-selenodb {
                          clear: both;        /* do not float */
                          margin-top: 10em;
                          margin-bottom: 2em;
                          }

/* navigation-info */

div#navigation-info {            
                      clear: both;
                      margin-top: 2em;
                      }

/* navigation-mirrors */

div#navigation-mirrors { 
                         margin-top: 2em;
                         clear: both;                 
                      }

ul.menu {
 	margin-left: 0;
 	padding-left: 0;
	margin-bottom: 0;
 	white-space: nowrap;
	width: 100%;
	background-color: #231BFF;
	font-family: futura, sans-serif;
	text-align: center;
	padding-top: .5em;
	padding-bottom: 0.5em;
}

ul.menu li {
 	display: inline;
 	list-style: none;
	padding: 1em;
	padding-left: 3em;
	padding-right: 3em;

}

ul.menu a {
          padding: .45em;
	  padding-bottom: 1em
          padding-left: .75em;
          padding-right: .75em;
          }

#navigation-mirrors li {

        padding-left: 2em;
        padding-right: 2em;

}

/* Using the following way to make horizontal menus does not work on ie */

/*  
ul.menu{
         font-family: futura, sans-serif;
         display: table;
         margin: 0;
         padding: 0;
         width: 100%;      
         list-style: none;
         background-color: #231BFF;
         text-align: center;     
        }

ul.menu li{
            display: table-cell;
            position: relative;
            padding: .4em; 
           }

ul.menu a {           
          padding: .38em;
          padding-left: .75em;
          padding-right: .75em;
          }
*/

/****************************/
/*   navigation footnotes   */
/****************************/

div#navigation-selenodb a span {display: none;}

/* div#navigation-selenodb a:hover span {
                                       display: block;
                                       text-align: left;
                                       position: absolute; top: 14.75em; left: 15em; right: auto; width: 20em;
                                       padding: .5em; margin: .5em; z-index: 100;
                                       font-size: .85em; 
                                       } */

div#navigation-frontpage a span {display: none;}

/* div#navigation-frontpage a:hover span {
                                        text-align: left;
                                        display: block;
                                        position: absolute; top: 14.75em; left: 15em; right: 14em; width: 20em
                                        padding: .5em; margin: .5em; z-index: 100;
                                        font-size: .85em;
                                        } */


div#navigation-mirrors a span {display: none;}

div#navigation-mirrors a:hover span {
                                      display: block;
                                      text-align: left;
                                      position: absolute; top: 44em; left: auto; right: auto; width: 20em;
                                      padding: .5em; margin: .5em; z-index: 100; 
                                      font-size: .85em;
                                      }

div#navigation-info a span {display: none;}

/* div#navigation-info a:hover span {
                             display: block;
                             position: absolute; top: 14.25em; left: 15em; right: auto; width: 50em
                             padding: .5em; margin: .5em; z-index: 100;
                             font-size: .85em;
                             } */

/**********/
/* REPORT */
/**********/

#report {
          clear: both;
          line-height: 1.25em;
          text-align: justify;
          width: 58.5em;
          margin-left: auto;
          margin-right: auto;
	  margin-bottom: 1.75em;
          }

.query_report {
          clear: both;
          line-height: 1.25em;
          text-align: justify;
          width: 58.5em;
          margin-left: auto;
          margin-right: auto;
          }

/**********/
/* FORMS  */
/**********/

/* input:focus, select:focus, textarea:focus button:focus { */
/* background:blue; */
/* color:white; */

/************************/
/* DATABASE SEARCH FORM */
/************************/

/* CHART SEARCH BAR   */

.chart-search-keyword {
                        float: left;
                        font-family: futura, sans-seriff;
                        text-align: center;
                        padding: 0;
                        font-size: .85em;
                        width: 12em;
                        margin-left: 1em;
                        margin-right: 4em;
                        margin-bottom: 1.5em;
                        margin-top: .35em;
                        }

.chart-search-species-family {
                               float: left;
                               font-family: futura, sans-seriff;
                               text-align: center;
                               padding: 0;
                               font-size: .85em;
                               width: 12em;
                               margin-left: 1em;
                               margin-right: 4em;
                               margin-top: .75em;
                               margin-bottom: 2.5em;     
                               }

/* ADVANCED SEARCH BAR   */

.advanced-search-keyword {
                           float: right;
                           font-family: futura, sans-seriff;
                           text-align: center;
                           padding: 0;
                           font-size: .85em;
                           width: 12em;
                           margin-left: 4em;
                           margin-right: 1em;
                           margin-bottom: 1.5em;
                           margin-top: .35em;
                           }

.advanced-search-species-family {
                                  float: right;
                                  font-family: futura, sans-seriff;
                                  text-align: center;
                                  padding: 0;
                                  font-size: .85em;
                                  width: 12em;
                                  margin-left: 4em;
                                  margin-right: 1em;
                                  margin-top: .75em;
                                  margin-bottom: 2.5em; 
                                  }

/* KEYWORD SEARCH BAR   */

#keyword-search {
                  float: left;
                  font-family: futura, sans-seriff;
                  text-align: center;
                  padding: 0;
                  margin-bottom: 2.5em;
                  font-size: .85em;
                  width: 36em;
                  margin-left: auto;
                  margin-right: auto;
                  color: white;
                  background-color: #1B5FFF;
                  }

/* FAMILY-SPECIES SEARCH BAR */

#species-family-search {
                         float: left;
                         font-family: futura, sans-seriff;               
                         text-align: center;
                         padding: 0;
                         margin-top: .5em;
                         margin-bottom: 2.5em;                               
                         font-size: .85em;
                         width: 36em;
                         margin-left: auto;
                         margin-right: auto;
                         color: white;
                         background-color: #1B5FFF;
                         }

/* SEARCH BUTTONS */

/* .search { 
          color: blue;
          background-color: white;
          border: 0px;
          margin-left: 1em;
          padding: .1em;
          font-family: futura, sans-seriff;
          }
*/

/*********/
/* LISTS */
/*********/

.lower-roman { list-style-type: lower-alpha;}

/*************/
/* HEADLINES */
/*************/

.center1 {

 	margin-left: 16em;
        margin-right: auto;   
    
}    
    
.center2 {

	margin-left: 29em;
        margin-right: auto;    

}

.center3 {

 	margin-left: 19em;
        margin-right: auto;   
    
}    

.center4 {

 	margin-left: 24em;
        margin-right: auto;   
    
}  

.center5 {
 
     	margin-left: 42em;
        margin-right: auto; 
    
}

.center { text-align: center;}

.bold { font-weight: bold;}

.center-bold { 
               text-align: center;
               font-weight: bold;
 }

h3 { 
     text-align: center;
     font-weight: bold;
}

/*********/
/* FORMS */
/*********/

.input { 
        display: block;
        width: 20em;
        float: left;
        margin-bottom: 1em;
	clear: left;

 }

input.checkbox { 
              width: 1.25em;
              height: 1.25em;
 }


label { 
        display: block;
        text-align: right;
        float: left;
        width: 12em;
        padding-right: 1em;
 }

fieldset {

	/* float: left; */

}

 br { 
     clear: left; 
 } 

.space {

line-height: 0.1em; 

}

.legend { 

 /*        color: white; */
 /*        background-color: #0048FF; */
/*	padding-left: 10em; */
	margin-right = -3em; 
 }


legend.toolbox {                                                                                                                                                                                                                                                                                                                                                         color:  #1B5FFF;
		background-color: white;
} 

.buttonSubmit {

	width: 1em;

}

/******************/
/* IN-LINE COLORS */
/******************/

.compulsory{ 
          font-weight: bold;
 }

.blue { 
          color: white;
          background-color: #231BFF;      
 }

.blue2 { 
         color: white;
         background-color: #1B5FFF; 
 }

.blue3 {

          color: white;
          background-color: #1B5FFF;

}

#promoter { 
          color: gray;
          background-color: gray;      
 }

#exon { 
          color: blue;
          background-color: blue;      
 }

#utr { 
          color: rgb(30, 144, 255);
          background-color: rgb(30, 144, 255);      
 }

#intron { 
          color: black;
          background-color: black;      
 }


#secis { 
          color: #8b4513;
          background-color: #8b4513;      
 }


#sec { 
       color: #FF491B;
       background-color: #FF491B;      
 }

#cys { 
       color: green;
       background-color: green;      
 }

#other {

          color: orange;
          background-color: orange;
}

#machine {

          color: #8b4513;
          background-color: #8b4513;

}

hr {
 color: #231BFF;
 margin-left: auto;
 margin-rigth: auto;
 width: 50em; 		

}

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

table.query { 
              /*  border-collapse: collapse; */
              width: 58.5em;
              margin-left: auto;
              margin-right: auto;	     	
              text-align: center;     
              }   /* for query results */

table.text { 
                /*  border-collapse: collapse; */
             width: 58.5em;
             margin-left: auto;
             margin-right: auto;
             text-align: justify;   
                } /* for feature reports */

table.feature { 
                /*  border-collapse: collapse; */
                width: 58.5em;
                margin-left: auto;
                margin-right: auto;
                text-align: left; 
                } /* for feature reports */

table.legend { 
               /*  border-collapse: collapse; */
               width: 46em;
               margin-left: 16em;
               margin-right: auto;
               text-align: left;
               font-size: .9em; 
/*               font-family: futura, sans-seriff; */
               border: black solid 1px; 
               } /* for feature reports */

table.method tr td {

	margin: 0;
	padding: 0;


}

table.legend-image {
               /*  border-collapse: collapse; */
               width: 46em;
               margin-left: auto;
               margin-right: auto;
               text-align: left;
               font-size: .9em;
/*               font-family: futura, sans-seriff; */
               border: black solid 1px;
               } /* for feature reports */





th.header { 
            text-align: center;
            font-family: futura, sans-seriff;
            font-weight: normal;
            font-size: 1.25em;
            color: white;
            background-color: #231BFF;
            padding-top: .25em;
            padding-bottom: .25em;
            }

th.in-line-sec {
            text-align: center;
            font-family: futura, sans-seriff;
            font-weight: normal;
            font-size: 1.25em;
color: white;
	background-color: #FF491B;
            padding-top: .25em;
            padding-bottom: .25em;
}

th.in-line-cys {
            text-align: center;
            font-family: futura, sans-seriff;
            font-weight: normal;
            font-size: 1.25em;
	color: white;
        	background-color: green;
            padding-top: .25em;
            padding-bottom: .25em;
}

th.in-line-other {
            text-align: center;
            font-family: futura, sans-seriff;
            font-weight: normal;
            font-size: 1.25em;
color: white;
        background-color: orange;
            padding-top: .25em;
            padding-bottom: .25em;
}

th.in-line-machinery {
            text-align: center;
            font-family: futura, sans-seriff;
            font-weight: normal;
            font-size: 1.25em;
	color: white;
        	background-color: #8B4513; /* saddlebrown */
            padding-top: .25em;
            padding-bottom: .25em;
}

span.in-line-sec-prot {

        color: #FF491B;
	font-size: 1.25em;
	font-weight: bold;
}

span.in-line-cys-prot {

        color: green;
	font-size: 1.25em;
	font-weight: bold;

}

span.in-line-other-prot {

        color: orange;
        font-size: 1.25em;
	font-weight: bold;

}

span.in-line-sec {

	color: #FF491B;
     
}

span.in-line-cys {

        color: green;

}

span.in-line-other {

        color: orange;
	

}

span.in-line-utr {

        color: #1e90ff; 

}

span.in-line-coding {

        color: blue;

}


span.in-line-machinery {

        color: #8B4513;

}

span.in-line-promoter {

	color: gray;

}

span.in-line-secis {

        color: #8b4513;

}

.miniheader {  
                color: white;
                background-color: #1B5FFF;
                text-align: center;
                padding-top: .25em;
                padding-bottom: .25em;
                font-family: futura, sans-seriff;
                font-weight: normal;
                }

th.chart {  
           color: white;
           background-color: blue;
           text-align: center;
           font-size: .725em; 
           font-family: futura, sans-seriff;
           font-weight: normal;
           }

td.chart {
	text-align: center;
     	padding: 0.15em; 
     	padding-left: .15em;
     	}

td { 
     padding: .25em; 
     padding-left: .25em; 
     }

td.border { 
            padding: .275em; 
            padding-left: .275em;
            border-bottom: 1px solid #1B5FFF;
            font-size: .95em;
            text-align: justify;
            }

td.noborder { 
            padding: .275em; 
            padding-left: .275em;
            font-size: .95em;
            text-align: justify;
            }

td.color { 
           border-left: 1px solid #1B5FFF;
           border-bottom: 1px solid #1B5FFF;
            padding: .275em; 
            padding-left: .275em;
            font-size: .95em;
            text-align: justify;
            }


td.keyword { 
            padding: .25em; 
            padding-left: .25em;
            border-bottom: 1px solid blue;
            font-size: 1.5em;
            text-align: center;
            }

/*********/
/* LINKS */
/*********/

/* Standard menu links */

a.menu:link, a.menu:active, a.menu:visited {
                            color: white; 
                            background-color: #231BFF; 
                            text-decoration: none;
                            }

a.menu:hover {
          color: black; 
          background-color: white; 
          text-decoration: none;
          font-weight: normal;
          }     

/* In line links */

a.in-line, a.in-line:active, a.in-line:visited {
                                                 color: #231BFF; 
                                                 text-decoration: none;
                                                 font-weight: normal;                                                 
						}


a.in-line:hover {
          color: white; 
          background-color: #231BFF;
          text-decoration: none;
          font-weight: normal;
          } 

/* In line IDs */

a.in-line-sec, a.in-line-sec:active, a.in-line-sec:visited {
                                                 color: #FF491B;
                                                 text-decoration: none;
                                                 font-weight: normal;                                                 
						 }

a.in-line-sec:hover {
                  color: white; 
                  background-color: #FF491B; 
                  text-decoration: none;
                  font-weight: normal;
                  }     

a.in-line-cys, a.in-line-cys:active, a.in-line-cys:visited {
                                                 color: green;
                                                 text-decoration: none;
                                                 font-weight: normal;
                                                 }

a.in-line-cys:hover {
                  color: white;
                  background-color: green;
                  text-decoration: none;
                  font-weight: normal;
                  }

a.in-line-other, a.in-line-other:active, a.in-line-other:visited {
                                                 color: orange; 
                                                 text-decoration: none;
						 font-weight: normal;
                                                 }

a.in-line-other:hover {
                  color: white; 
                  background-color: orange; 
                  text-decoration: none;
                  font-weight: normal;
                  }

a.in-line-machinery, a.in-line-machinery:active, a.in-line-machinery:visited {
                                                 color: #8B4513; /* saddlebrown */
                                                 text-decoration: none;
                                                 font-weight: normal;
                                                 }

a.in-line-machinery:hover {
                  color: white;
                  background-color: #8B4513;
                  text-decoration: none;
                  font-weight: normal;
                  }


/* Chart links */

a.chart, a.chart:active, a.chart:visited {
                                           color: white; 
                                           background-color: #1B5FFF; 
                                           text-decoration: none;
					   border: 0;	
                                           padding: 1em;
                                           }

a.chart:hover {
                color: black; 
                background-color: white; 
                text-decoration: none;
                font-weight: normal;
		padding: 1em;
                }     

a.chart-sec, a.chart-sec:active, a.chart-sec:visited { 
                                                       color: #FF491B; 
                                                       font-size: .725em;
                                                       background-color: #FF491B; 
                                                       text-decoration: none;
                                                    	padding: .25em;
                                                       text-align: center;
                                                       
                                                       }

a.chart-sec:hover {
                    color: #FF491B; 
                    background-color: white; 
                    text-decoration: none;
                    font-size: .725em;
                    font-weight: bold;
		     padding: .25em;
                    }

a.chart-cys, a.chart-cys:active, a.chart-cys:visited { 
                                                       color: green; 
                                                       font-size: .725em;
                                                       background-color: green; 
                                                       text-decoration: none;
                                                       padding: .25em;
                                                       text-align: center;
                                                       }

a.chart-cys:hover {
                    color: green; 
                    background-color: white; 
                    text-decoration: none;
                    font-size: .725em;
                    font-weight: bold;
		    padding: .25em;
                    }     

a.chart-other, a.chart-other:active, a.chart-other:visited { 
                                                       color: orange; 
                                                       font-size: .725em;
                                                       background-color: orange; 
                                                       text-decoration: none;
                                                       padding: .25em;
                                                       text-align: center;
                                                       }

a.chart-other:hover {
                      color: orange; 
                      background-color: white; 
                      text-decoration: none;
                      font-size: .725em;
                      font-weight: bold;
		      padding: .25em;
                    }     

a.chart-none, a.chart-none:active, a.chart-none:visited {
                                                       color: #8B4513; /* saddlebrown */
                                                       font-size: .725em;
                                                       background-color: #8B4513; /* saddlebrown */
                                                       text-decoration: none;
                                                       padding: .25em;
                                                       text-align: center;
                                                       }

a.chart-none:hover {
                      color: #8B4513; /* saddlebrown */;
                      background-color: white;
                      text-decoration: none;
                      font-size: .725em;
                      font-weight: bold;
                    }

a.chart-tba, a.chart-tba:active, a.chart-tba:visited { 
                                                       color: blue; 
                                                       font-size: .7em;
                                                       background-color: blue; 
                                                       text-decoration: none;
                                                       padding: .20em;
                                                       text-align: center;
                                                       }

/*
a.chart-tba:hover {
                      color: blue; 
                      background-color: white; 
                      text-decoration: none;
                      font-size: .7em;
                      font-weight: bold;
                    }
*/

a.chart-not, a.chart-not:active, a.chart-not:visited { 
                                                       color: white; 
                                                       font-size: .7em;
                                                       background-color: white; 
                                                       text-decoration: none;
                                                       padding: .18em;
                                                       text-align: center;
                                                       border: black solid 1px; 
                                                       }
/*
a.chart-not:hover {
                      color: black; 
                      background-color: white; 
                      text-decoration: none;
                      font-size: .7em;
                      font-weight: bold;
                      border: white solid 1px; 
                    }
*/

a.chart-secis, a.chart-secis:active, a.chart-secis:visited { 
                                                       color: orange; 
                                                       font-size: .7em;
                                                       background-color: orange; 
                                                       text-decoration: none;
                                                       padding: .20em;
                                                       text-align: center;
                                                       }

a.chart-secis:hover {
                      color: orange; 
                      background-color: white; 
                      text-decoration: none;
                      font-size: .7em;
                      font-weight: bold;
                    }