BODY { margin: auto; color: black; background-color: white; }


#global {
    margin:auto;
    margin-top:5px;
    width:90%;
    }

#header {
    border:solid 2px #026d02; 
    background-color:#D8FCC9; 

    }
    

    

#header a {
    color:#026d02;
    text-decoration:underline;
    font-weight:bold;
    text-align:right;
}

.tab {
    border-left:1px solid #026d02;
    border-right:1px solid #026d02;
    border-top:1px solid #026d02;
    float:left;
    margin-right:5px;
    padding:5px;
    FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:8.0pt;
    margin-bottom:0px;
    display:inline;
    }
    
.tab_chosen {
    border-left:1px solid #026d02;
    border-right:1px solid #026d02;
    border-top:1px solid #026d02;
    background-color:#D8FCC9; 
    float:left;
    margin-right:5px;
    padding:5px;
    FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:8.0pt;
    margin-bottom:0px;
    display:inline;
    font-weight: bold;
    }

.tab a, .tab_chosen a {
    color:#000000;
    text-decoration:underline;
    }
    
.search_form_box {
    float:left;
}
    
.input_form2 {
    border:1px solid #026d02;
    padding:5px;
    margin-top:0px;
    clear:both;
    }    
    
input, textarea {
    border:1px solid #026d02;
    }    
    
.info_top {
    background-color:#026d02;
    padding:5px;
    color:#FFFFFF;
    font-weight:bold;
    margin-top:10px;
    }    
    
.info_center {
    padding:5px;
    font-family: Verdana,Helvetica,Arial,sans-serif; 
    font-size:12px;
    }    
    
.cluster_title {
    background-color:#026d02;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    }
    
.cluster_infos {
    background-color:#D8FCC9;   
    text-align:center;
    }    
    
ul.clade_list {
    list-style-image: url("../images/arrow.png");
    }
    
ul.clusters_list a {
    color:#026d02;
    text-decoration:underline;
    }
    
ul.clusters_list {
    list-style-image: url("../images/circle.png");
    }
    
td.dark_green, tr.dark_green {
    background-color:#026d02;
    color:#FFFFFF;
    font-weight:bold;

    }

td.warning_red, tr.warning_red {
    background-color:#ffcd9c;
    color:#000000;
    font-weight:bold;

    }

td.warning_yellow, tr.warning_yellow {
    background-color:#fffed1;
    color:#000000;

    }

td.pale_green, tr.pale_green  {
    background-color:#D8FCC9; 

    }
    
td.warning_orange, tr.warning_orange {
    background-color:#ed9700;
    color:#FFFFFF;
    font-weight:bold;

    }
    

.dark_green a {
    color:#FFFFFF;
    text-decoration:underline;
    }
    
a.green {
    color:#026d02;
    font-weight:bold;
    text-decoration:underline;
    }

    
* {
    z-index:1;
    }
    
.eggnog_title {
    text-align:right; 
    font-weight:bold;
    font-family: Verdana,Helvetica,Arial,sans-serif; 
    font-size:14px;
    padding:5px;
    }
    
.dashed_box {
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
    border:1px dashed #026d02;
    font-family: Verdana,Helvetica,Arial,sans-serif; 
    font-size:14px;
    }
    
.dashed_box  a, td.pale_green a, tr.pale_green a, td.warning_yellow a, tr.warning_yellow a, td.warning_red a, tr.warning_red a  {
    color:#026d02;
    text-decoration:underline;
    font-weight:bold;
    }
    
a.info {
    position: relative;
    color:#FFFFFF;
    }
    
a.info:visited {
    color:#FFFFFF;
    }
    
a.info2 {
    text-decoration:underline;
    font-weight:bold;
    color:#000000;
    }
    
a.info2:visited {
    color:#000000;
    }
    
a.info span {
   display: none; 

}

a.info:hover {
   background: none; /* for IE bug... */
   cursor: help; 
   z-index:600;
}

/*
a.info:hover span {

   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 30px; 
   left: 20px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
}
*/

span.green {
    color:#026d02;
    font-weight:bold;  
    }
    



p { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 12px; }
h1 { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; }
h2 { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold; }
h3 { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 10pt; font-weight: normal; }
img { border-width: 0px; }

pre { font-family: monospace; font-size: 11px; }
td { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 12px; padding:0px;}

td.alignment { font-family: monospace; font-size: 12px; }
td.img_compact { line-height: 0.1; font-size: 1px; }
td.spacer { text-align: center; }

td.score_header { 

  font-size: 11px;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  border-top-style: solid;
  border-top-color: silver;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-color: silver;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: silver;
  border-bottom-width: 1px;
}

td.score_bullet {
  height: 1.2em;
  font-size: 11px;
  text-align: center;
}

td.score_item {
  height: 1.2em;
  font-size: 11px;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
}

td.score_border_bottom { 

  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:silver;  

}

td.score_border_left { 

  border-left-width:1px;
  border-left-style:solid;
  border-color:silver;  

}

td.score_border_right { 

  border-right-width:1px;
  border-right-style:solid;
  border-color:silver;  

}

td.score_caption { 

  border-top-width:thin;
  border-top-style:solid;
  border-color:grey;  

}

.orthologous_group_table td{
  padding: 5px;
}

table.summary {
  border-collapse: collapse;
}

table.summary td {
  padding: 2px;
  font-size: 12px;
}

li.TV_expanded { 
    background: url(/images/triangle_down_p.gif) left center no-repeat;
    margin-bottom: 1px; margin-top: 15px; margin-right: 5px; padding-left: 18px;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

li.TV_collapsed { 
    background: url(/images/triangle_right_p.gif) left center no-repeat;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
    margin-bottom: 1px;
    margin-top: 15px;
    margin-right: 5px;
    padding-left: 18px;
    list-style: none;
}

div.abstract_title {
    padding-left: 2px;
    background-color: #e6e2e6;
}

div.abstract_linkout {
    background-color: #e6e2e6;
    float: right;
}
 
li.abstract_match_summary {
    list-style: none;
    text-align: left;
    margin-right: 5px;
    padding-left: 20px;
}

li.abstract_body {
    list-style: none;
    text-align: justify;
    margin-right: 5px;
    padding-left: 20px;
}       

span.abbreviation_dots {
  cursor: pointer;
}

span.emphasis_keyword {
    background-color: #fcdf91;
}

a.string_example { color:black; font-family: Verdana,Helvetica,Arial,sans-serif; font-size:10px; text-decoration:none; }
a.string_example:hover { color:blue; font-family: Verdana,Helvetica,Arial,sans-serif; font-size:10px; text-decoration:none; }

a.normal_reference:link { color: black; font-family: Verdana,Helvetica,Arial,sans-serif; }
a.normal_reference:active { color: black; font-family: Verdana,Helvetica,Arial,sans-serif; }
a.normal_reference:visited { color: black; font-family: Verdana,Helvetica,Arial,sans-serif; }
a.normal_reference:hover { color: blue; font-family: Verdana,Helvetica,Arial,sans-serif; }

a.blacknondecorated:link { color: black; text-decoration: none; }
a.blacknondecorated:active { color: black; text-decoration: none; }
a.blacknondecorated:visited { color: black; text-decoration: none; }

a.nondecorated:link { color: black; text-decoration: none; }
a.nondecorated:active { color: black; text-decoration: none; }
a.nondecorated:visited { color: black; text-decoration: none; }
a.nondecorated:hover { color: blue; text-decoration: none; }

a.hint_for_help:link { color: black; text-decoration: none; }
a.hint_for_help:active { color: black; text-decoration: none; }
a.hint_for_help:visited { color: black; text-decoration: none; }
a.hint_for_help:hover { color: blue; text-decoration: none; }

a.download_file:link { color: black; }
a.download_file:active { color: black; }
a.download_file:visited { color: black; }
a.download_file:hover { color: blue; }

.stringSubmitButton {
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/images/submit_button_emph_p.gif");
    color: #000;
    padding: 5px;
    margin: 0px;
    border-top: outset 0px #eee;
    border-right: outset 0px #aaa;
    border-bottom: outset 0px #aaa;
    border-left: outset 0px #eee;
}

.stringResetButton {
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/images/normal_button_grey.gif");
    color: #000;
    padding: 5px;
    margin: 0px;
    border-top: outset 0px #eee;
    border-right: outset 0px #aaa;
    border-bottom: outset 0px #aaa;
    border-left: outset 0px #eee;
}

table.dialog_box { 
    border-style: solid; 
    border-width: 5px; 
    border-color: #A1ADEC; 
}

td.dialog_box_title { 
    background-color: #A1ADEC; 
    font-weight: bold; 
    padding: 0px 0px 0px 4px;
    border-style: none none solid none;
    border-width: 5px;
    border-color: #A1ADEC; 
}

td.info_box_title { 
    background-color: #A1ADEC;
    border-style: none;
}

td.dialog_content {
    background-color: white;
    padding: 5px;
}

td.tab { text-align: center; font-size: 10px; cursor: pointer; }
td.tab_selected { text-align: center; font-size: 10px; cursor: default; }
td.tab a { font-family: Verdana,Helvetica,Arial,sans-serif; color: black; text-decoration: none; cursor: pointer; }
td.tab_selected a { font-family: Verdana,Helvetica,Arial,sans-serif; color: black; text-decoration: none; cursor: default; }
td.tab a:focus, td.tab_selected a:focus { outline-style: none; color: black; }
td.tab_base { vertical-align: bottom; }

td.tabcolored           { text-align: center; font-size: 12px; cursor: pointer;}
td.tabcolored_selected  { text-align: center; font-size: 12px; cursor: default; font-weight: bold; }
td.tabcolored a         { font-family: Verdana,Helvetica,Arial,sans-serif; color: black; text-decoration: none; cursor: pointer; }
td.tabcolored_selected a { font-family: Verdana,Helvetica,Arial,sans-serif; color: black; text-decoration: none; cursor: default; }
td.tabcolored a:focus, td.tabcolored_selected a:focus { outline-style: none; color: black; }
td.tabcolored_base      { vertical-align: bottom; }

div.tab_base_bottom { background: url("/images/tabbase.bottom.png") no-repeat right bottom; }
div.tab_base_left { background: url("/images/tabbase.lowerleft.png") no-repeat left bottom; padding: 4px; }
div.tab_base_right { background: url("/images/tabbase.lowerright.png") no-repeat right bottom; padding: 4px; }

div.tabcolored_base_bottom 
        { background: url("/images/tabcoloredbase.bottom.png") no-repeat right bottom; }
div.tabcolored_base_left
        { background: url("/images/tabcoloredbase.lowerleft.png") no-repeat left bottom; padding: 4px; }
div.tabcolored_base_right 
        { background: url("/images/tabcoloredbase.lowerright.png") no-repeat right bottom; padding: 4px; }



div.tab_ur { background: url("/images/tab.upperright.png") no-repeat right top; }
div.tab_ul { background: url("/images/tab.upperleft.png") no-repeat left top; }
div.tab_lr { background: url("/images/tab.lowerright.png") no-repeat right bottom; }
div.tab_ll { background: url("/images/tab.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tab_ur_selected { background: url("/images/tabselected.upperright.png") no-repeat right top; }
div.tab_ul_selected { background: url("/images/tabselected.upperleft.png") no-repeat left top; }
div.tab_lr_selected { background: url("/images/tabselected.lowerright.png") no-repeat right bottom; }
div.tab_ll_selected { background: url("/images/tabselected.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tabcolored_ur 
        { background: url("/images/tabcolored.upperright.png") no-repeat right top; }
div.tabcolored_ul 
        { background: url("/images/tabcolored.upperleft.png") no-repeat left top; }
div.tabcolored_lr 
        { background: url("/images/tabcolored.lowerright.png") no-repeat right bottom; }
div.tabcolored_ll 
        { background: url("/images/tabcolored.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tabcolored_ur_selected 
        { background: url("/images/tabcoloredselected.upperright.png") no-repeat right top; }
div.tabcolored_ul_selected 
        { background: url("/images/tabcoloredselected.upperleft.png") no-repeat left top; }
div.tabcolored_lr_selected 
        { background: url("/images/tabcoloredselected.lowerright.png") no-repeat right bottom; }
div.tabcolored_ll_selected 
        { background: url("/images/tabcoloredselected.lowerleft.png") no-repeat left bottom; 
          padding: 2px 7px 9px 7px; }