
<style type="text/css">


form { margin-bottom: 0 ; }
/************************
	Div 
************************/ 
#content {
	margin-left:30px;
	width: 400px;
	line-height: 17px;
}

#content div.legendTable {
    display: block;
}

#content div.featureTable {
    display: none;
}

#content div.applet {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
	font-size: 11px;
}


/************************
     Drop down menu links 
************************/

a:link   { color: #5e6151; text-decoration: underline;}
a:visited{ color: #5e6151; text-decoration: underline;}
a:hover  { color: #5d67e5; text-decoration: underline;}
a:active { color: #af5962; text-decoration: none;}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
z-index: 100;
background-color : #fffbf3;
width: 145px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;

font-family:  Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover  { background-color: black;  color: white; }



/************************
     input , font style 
************************/

 .style3 { 
    font-size: 10px; 
    color: #000000;  
    background-color: #eef4fd;
 }
 .style2 {
    font-family: courier new,Courier, mono ; 
    font-size: 12px; 
    color: #000000;  
 }

 .style1 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #595959;  
 }

  .style4 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #595959;  
 }
   .style5 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #4973a2;  
 }
 
 
 .style1input { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;  
    color: #595959  ;  
    background-color: #f2f7fb;
    height: 23px;
    width:  70px;
   /* odd */
 }

 .style2input { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
   /* font-weight: bold;  */
    color:#595959 ;  
    background-color: #fffbf3;
    height: 23px;
    width:  150px;
  /* even */
 }

 input.style3input { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;  
    color:#595959 ;  
    background-color: #e8f2f9;
    border-color: #fefff1; 
    height: 23px;
    width:  100px;
  /* even */
 }
 
 .styleButton{ 
    font-family: Verdana, Arial, Helvetica, Nimbus Sans L;
    font-size: 10px; 
    font-weight: bold;  
    color:#595959 ;  
    background-color: #eef4fd; 
    width:  70px;
    height: 20px;
 }
 
 .styleSelect {
      background: #cf5a5a;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 160px;
    }

  .styleSelect2 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10px; 
    font-weight: bold;  
    color: #595959;  
    height: 20px;
    width: 60px;
 }

  .styleSelect3 {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 10px; 
 /*   font-weight: bold;  */
    color: #000;  
    height: 18px;
    width: 70px;
    background-color: #fbfbfb;
 }     
/************************
     input , font style 
************************/



/************************
    table sytle
************************/

 table.colorSeq {
    border-collapse: collapse;
    border: 0px solid #aaa; 
    }
 table.colorSeq td.title{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

    }
 table.colorSeq td.seq{
    font-family: Courier New, Courier, mono ;
    font-size: 11px;
    }
    
        
 table.svg {
    background-color: #fdfdf9;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    }
 table.svg td.zoom0{
    font-family: Courier New, Courier, mono ;
    font-size: 10px;
	font-weight: bolder;
    }


 table.svg td.zoom1{
    font-family: Courier New, Courier, mono ;
    font-size: 7px;
	font-weight: bolder;
    }


 table.svg td.zoom2{
    font-family: Courier New, Courier, mono ;
    font-size: 4px;
	font-weight: bolder;
    }

 table.svg td.zoom3{
    font-family: Courier New, Courier, mono ;
    font-size: 2px;
	font-weight: bolder;
    }


 table.table1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-collapse: collapse;
    border : 1px solid #aaa; 
    width: 500px;	
 }	
 table.table1  td {
      padding : 3px; 
 }
 table.table1  tr {
     background-color : #ffffff;
 }


 table.colorTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    border-collapse: collapse;
    border : 1px solid #aaa;  
    width: px;	
 }	
 table.colorTable  td {
     /* text-align : left; */
     padding : 2px;
 }
 table.colorTable  tr {
     background-color : #eee;

 }
 table.colorTable  tr.even {
     background-color : #fffbf3;

 }
 table.colorTable  tr.odd {
     background-color : #f2f7fb;

 }


/************************
 Color Seq Control Panel
************************/
 table.panel {
    font-family: Arial, Helvetica, sans-serif;
    color: #595959;
    font-size: 11px;
  /*  font-weight: bold; */
    border-collapse: collapse;
    border : 3px solid #eee;  
    width: 720px;	
 /*   text-align: center; */
 }	

 table.panel tr {
     /* text-align : left; */
   /* padding : 8px; */
     background-color : #eee;
     height : 25px;
     border : 1px solid #fff;
 }

 table.panel th {
    padding-top : 3px;
    padding-bottom : 5px;
    color: #fdffea;
    font-size: 13px;
    background-color : #97a3c4;
 }

 table.panel td {
     /* text-align : left; */
    padding-left : 0px;
    padding-right: 0px;
    padding-top : 0px;
    padding-bottom : 0px;
    border : 0px solid #fff;  
 }


 table.panel tr.even {
     background-color : #fffbf3;

 }
 table.panel  tr.odd {
     background-color : #f2f7fb;
}

/************************
   sortable table
************************/
 table.sortable {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:  11px;
    border-collapse: collapse;
    border : 1px solid #aaa;  
    width: 500px;	
 }	
 table.sortable  td {
     /* text-align : left; */
    /* padding-top:   3px; */
     padding-left : 8px;
 }
 table.sortable  tr {
     background-color : #eee;

 }
 table.sortable  tr.even {
     background-color : #fffbf3;

 }
 table.sortable  tr.odd {
     background-color : #f2f7fb;

 }
 

 table.seqQual{
    font-size: 7pt;
    font-family: Geneva, Arial, Helvetica, san-serif;
    border-collapse: collapse;
    border : 0px solid #e5e5e5; 
 
 }

 table.seqQual  tr.even {
     background-color : #fffbf3;
     color : #000;
 }
 table.seqQual  tr.odd {
     background-color : #f4f4f4;
     color : #000;
 }
 
 table.seqQual  td {
     text-align : center;
     border : 0px solid #e5e5e5; 
     padding : 1px;
 }
 
 
 
 table.colorSeqTable {
    font-family: Courier New, Courier, mono ;
    font-size: 9px;
    color: #cbcbcb;
    /*border-collapse: collapse;*/
    /*border : 0px solid #444; /*
    /*width: 500px;	*/
 }	
 table.colorSeqTable  td {
     /* text-align : left; */
     padding : 1px;
 }
 table.colorSeqTable  tr {
     /*background-color : #eee;*/
 }

/*** Fasta.php page style  ***/

table.fastaHead {
    font-size: 12px;
    border : 1px solid #e5e5e5; 
    border-collapse: collapse;
    position: absolute;
    top: 5px;
    left: 20px;
    width: 410px;
    }
table.fastaHead  th{
     text-align : left;
     padding : 10px;
     background-color: #fffbf3;
     font-family: Verdana, Arial, Helvetica, sans-serif ; 
     border : 0px solid #e5e5e5 ;
 } 
table.fastaHead tr{
   /* border: 1px solid #e5e5e5;*/
}
table.fastaHead  td  {
     border: 1px solid #e5e5e5;
     padding : 2px
 }
 
table.fasta {
    font-size: 10pt;
    font-family: Courier New, Courier, mono ;
    border-collapse: collapse;
    
    position: absolute;
    top: 120px;
    left: 20px;
    width: 390px;
    }
 
</style>
