BODY { margin: 20px; 
       color: black; 
       background-color: white; 
       font-family: Verdana,Helvetica,Arial,sans-serif;
}

p  { font-size: 12px; }
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 10pt; font-weight: normal; }
span { font-size: 12px; }

img { border-width: 0px; }

pre { font-family: monospace; font-size: 11px; }
td { font-size: 12px; line-height:140%;}

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-bottom-style: solid;
  border-bottom-color: silver;
  border-bottom-width: 1px;
}

td.score_bullet {
  height: 1.2em;
  font-size: 11px;
  text-align: center;
  background-color: white !important;
}

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:gray;  
}

table.summary {
  border-collapse: collapse;
}

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

li.TV_expanded { 
    background: url(/newstring_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(/newstring_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-size:10px; text-decoration:none; }
a.string_example:hover { color:blue; font-size:10px; text-decoration:none; }

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

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.whitenondecorated:link { color: white;    }
a.whitenondecorated:active { color: white;  }
a.whitenondecorated:visited { color: white; }
a.whitenondecorated:hover { background-color: white; color: #A1ADEC;; }

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-weight: bold;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/newstring_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-weight: normal;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/newstring_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;
    color: black;
    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 { color: black; text-decoration: none; cursor: pointer; }
td.tab_selected a { 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_p 
        { text-align: center; font-size: 12px; cursor: pointer;}
td.tabcolored_p_selected 
        { text-align: center; font-size: 12px; cursor: default; font-weight: bold; }
td.tabcolored_p a 
        { color: black; text-decoration: none; cursor: pointer; }
td.tabcolored_p_selected a 
        { color: black; text-decoration: none; cursor: default; }
td.tabcolored_p a:focus, td.tabcolored_p_selected a:focus 
        { outline-style: none; color: black; }
td.tabcolored_p_base 
        { vertical-align: bottom; }

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

div.tabcolored_p_base_bottom 
        { background: url("/newstring_images/tabcoloredbase_p.bottom.png") repeat-x right bottom; }
div.tabcolored_p_base_left
        { background: url("/newstring_images/tabcoloredbase_p.lowerleft.png") no-repeat left bottom; padding: 4px; }
div.tabcolored_p_base_right 
        { background: url("/newstring_images/tabcoloredbase_p.lowerright.png") no-repeat right bottom; padding: 4px; }

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

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

div.tabcolored_p_ur 
        { background: url("/newstring_images/tabcolored_p.upperright.png") no-repeat right top; }
div.tabcolored_p_ul 
        { background: url("/newstring_images/tabcolored_p.upperleft.png") no-repeat left top; }
div.tabcolored_p_lr 
        { background: url("/newstring_images/tabcolored_p.lowerright.png") no-repeat right bottom; }
div.tabcolored_p_ll 
        { background: url("/newstring_images/tabcolored_p.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tabcolored_p_ur_selected 
        { background: url("/newstring_images/tabcoloredselected_p.upperright.png") no-repeat right top; }
div.tabcolored_p_ul_selected 
        { background: url("/newstring_images/tabcoloredselected_p.upperleft.png") no-repeat left top; }
div.tabcolored_p_lr_selected 
        { background: url("/newstring_images/tabcoloredselected_p.lowerright.png") no-repeat right bottom; }
div.tabcolored_p_ll_selected 
        { background: url("/newstring_images/tabcoloredselected_p.lowerleft.png") no-repeat left bottom; 
          padding: 2px 7px 9px 7px; }

body .dojoComboBoxOptions {
    font-size: 0.8em;
}


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-size: 12px; 
}
div.autocomplete ul li.selected { background-color: #BFCAFF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
span.informal {
  color:gray;
}

table.center {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto; 
  padding:10px;
  text-align:center;
}

table.center td {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto; 
  padding:10px;
  text-align:center;
}

table.infoholder {
  margin: 20px;
  text-align:center;
}

table.infoholder td {
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 5px;
  padding-left: 12px;
  margin: 2px;
  text-align:center;
}

table {
  border-collapse: collapse;
}

table.cog {
  border-collapse: collapse;
  margin-left: 0;
  margin-right: 0; 
  padding:0px;
  text-align:center;
}

table.cog td {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  text-align: center;
}

table.cog td.spacer {
  width: 3em;
}

table.cogholder {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px; 
  border-style: solid;
  border-width: thick;
  border-color: #DECACD;
  min-width: 400px;
}

table.cogholder td {
  white-space: nowrap;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  text-align: left;
}

table.cogholder th {
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  text-align: left;
  font-weight: normal;
  background-color: #E6E2E6;
}

table.cogholder td#center {
  white-space: normal;
  padding: 5px;
  text-align: center;
  min-width: 400px;
}

table.cogholder td#newick {
  white-space: normal;
  padding: 5px;
  text-align: left;
  max-width: 750px;
  min-width: 400px;
}

.cogcolor { background-color: #DECACD; }
.greycolor { background-color: #E6E2E6; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.leftalign { text-align: left; }
.rightalign { text-align: right; }

#gallery{text-align:center;}
#gallery p{display:inline;}
#gallery span{margin:1em; vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}
#gallery p img{margin-bottom:5px;}

div.statusbar {
#  margin: 40px 20px 40px 20px;
  padding: 0 20 0 20px;
  background-color: #E6E2E6;  
  text-align: rigth;
  white-space: nowrap;
  width: 100%;
}

span.serverload { 
  height:10px;
  margin:3px; 
  vertical-align:middle;
  font-family:sans-serif;
}

div.stats {
  max-width: 800px;
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
}

div.stats table {
  margin-left: auto;
  margin-right: auto;
  padding-top:20px; 
  padding-right:10px; 
  padding-bottom:20px; 
  padding-left:10px; 
}

div.stats table td, th {
  padding-right:10px; 
  padding-left:10px; 
}

div.stats h1, h2 { text-align: center; }

div.message { 
  text-align: left; 
  margin: 40px;
  padding: 40px;
}