html
{ height:100%; 
 max-height:100%; 
 padding:0; 
 margin:0; 
 border:0px none; 
 background:#fff; 
 font-size:76%; 
 font-family:verdana, arial, sans-serif; 
/* hide overflow:hidden from IE5/Mac */
/* \*/
 overflow: hidden; 
 }


body 
{
 height:100%; 
 max-height:100%;
 overflow:hidden; 
 padding:0; 
 margin:0; 
 border:0;
 border:none;
 }

#headerold {
 position:absolute; 
 z-index:6; 
 margin:0; 
 top:0; 
 left:0; 
 right:170px;
 display:inline; 
 height:20px; 
 overflow:auto; 
 background:rgb(200,200,200);
 border-bottom:1px solid black;
 }

* html #headerold {
 width:100%; 
 top:0; 
 bottom:0; 
 margin:0;
 padding:0;
 border-right:170px solid #fff; 
 }

#headerold p {
  text-indent:0px;
  text-align:center; 
  margin:2px 0px 0 0px;
  padding:0;
 }

#footerold {
 position:absolute; 
 z-index:5; 
 margin:0; 
 bottom:0; 
 left:0; 
 display:inline; 
 width:100%; 
 height:20px; 
 text-align:center;
 overflow:auto;
 background:rgb(200,200,200);
 border-top:1px solid black;
 }

#footerold p {
  text-indent:0px;
  text-align:center;
  color:black; 
  margin:1px 10px 0 10px;
  padding:0;
  }

#toprightold {
 position:absolute; 
 z-index:7; 
 right:0; 
 top:0; 
 height:20px; 
 width:170px; 
 margin:0;
 padding:0;
 background:rgb(190,210,250);
 overflow:hidden; 
 border-left:1px solid black; 
 border-bottom:1px solid black;
 text-align:center;
 }

#toprightold p {
 text-indent:0px;
 text-align:center;
 font-size:11pt; 
 color: rgb(170,0,0);
 font-weight:bold;
 padding-top:0;
 padding-bottom:0;
 margin:0px 0px 0px 0px;
 }

#rightold {
 position:absolute; 
 z-index:4; 
 right:0; 
 top:20px; 
 bottom:20px; 
 width:170px; 
 margin:0;
 padding:0;
 background:rgb(240,240,240);
 overflow:auto; 
 font-size:7pt; 
 border-left:1px solid black; 
 border-right:0px none;
 }

* html #rightold {
 height:100%; 
 top:0; 
 bottom:0; 
 margin:0;
 padding:0;
 width:170px;
 border-top:20px solid #fff; 
 border-left:1px solid black; 
 border-bottom:20px solid #fff; 
 border-right:none;
 color:black;
 }


#contentold {
 position:absolute; 
 z-index:3; 
 top:20px; 
 bottom:20px; 
 right:170px; 
 left:0; 
 overflow:auto; 
 background:white;
 text-align:center;
 }

* html #contentold {
 top:0; 
 left:0; 
 bottom:0;
 width:100%;
 height:100%;
 max-height:100%;
 overflow:auto; 
 position:absolute;
 z-index:3;
 border-top:20px solid #fff;
 border-bottom: 20px solid #fff;
 border-right:170px solid #fff;
 }

.smallold a      {
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.smallold a:link   {
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.smallold a:visited  {
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 text-decoration:underlined;}

.smallold a:hover   {
 color: #FF0000; 
 text-decoration:none;
 background:rgb(200,240,255); 
 display:block; 
 width:75px; 
 height:18px;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px; 
 font-size:110%;
 font-weight:bold;
 }

.smallold a:active   {
 color: #C11B17; 
 text-decoration: none;
 background:rgb(220,255,230);
 font-size:110%;
 font-weight:bold;
 } 

.lft  {float:left;}
.rgt  {float:right;}


#currentold   a  {
 background: rgb(150,150,150);
 color: white;
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 font-size:110%;
 font-weight:normal;
 }


h1 {margin-top: 15px; margin-bottom: 5px;color: rgb(150,0,0);}
h2 {margin-top: 5px; margin-bottom: 10px;color: rgb(0,0,150);}
h3 {margin-top: 20px; margin-bottom: 10px;color: rgb(150,0,0);}
h4 {margin-top: 20px; margin-bottom: 10px;color: rgb(0,0,0);}


h5, h6  {
 margin-top: 10px; 
 margin-bottom: 3px;
 margin-left: 20px;
 text-align:left;
 }

h5, h6 {font-weight: normal;}

h1      {font-size: 3.3em;}
h2      {font-size: 2.7em;}
h3      {font-size: 2.2em;}
h4      {font-size: 1.8em;}
h5  	{font-size: 1.8em;}
h6      {font-size: 1.5em;}

p {
 text-indent: 20px;
 text-align:justify;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:3px;
 padding-top:3px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 }

p.error
{
 text-align: center;
}

p.link
{
 text-align: center;
 margin-left: auto;
 margin-right: auto;
} 

a:link      {color: #0000FF;}
a:visited   {color: #800080;}
a:hover     {color: #FF0000; text-decoration: none;background:#ffe}
a:active    {color: #C11B17; text-decoration: none;background:rgb(220,255,230);} 

table.seqanaout{
border-collapse:collapse;
 margin-left:auto; 
 margin-right:auto; 
}

table.seqanahead{
border-collapse:collapse;
 margin-left:auto;
 margin-right:auto;
 font-size: 1.2em;
}

table.general{font-size:1.3em;}

table.seqana { 
 font-weight:normal; 
 font-size: 1.0em; 
 font-family: "Courier New"; 
 vertical-align:top; 
 border-collapse:
 collapse;
 margin-bottom: 100px;
}

* html table.seqana {font-size:0.8em;}
#sr {align:left; height:10px;}
#mn {align:right; height:10px;} 
#dt {font-family: "Courier New"; height:10px;}
#tl {padding: 0px; margin: 0px 0px 0px 0px; height:10px;}
#W {background: rgb(255,225,0); font-weight:normal;}
#F {background: rgb(255,230,0); font-weight:normal;}
#Y {background: rgb(255,235,0); font-weight:normal;}
#M {background: rgb(255,255,0); font-weight:normal;}
#L {background: rgb(255,255,25); font-weight:normal;}
#I {background: rgb(255,255,50); font-weight:normal;}
#V {background: rgb(255,255,75); font-weight:normal;}
#C {background: rgb(255,255,100); font-weight:normal;}
#A {background: rgb(255,255,125); font-weight:normal;}
#P {background: rgb(255,255,150); font-weight:normal;}
#G {background: rgb(255,255,255); font-weight:normal;}
#S {background: rgb(255,255,255); font-weight:normal;}
#T {background: rgb(255,255,200); font-weight:normal;}
#N {background: rgb(255,225,225); font-weight:normal;}
#Q {background: rgb(255,225,225); font-weight:normal;}
#D {background: rgb(255,160,160); font-weight:normal;}
#E {background: rgb(255,150,150); font-weight:normal;}
#H {background: rgb(210,210,255); font-weight:normal;}
#K {background: rgb(160,160,255); font-weight:normal;}
#R {background: rgb(150,150,255); font-weight:normal;}
#TM {background: rgb(150,150,255); font-weight:normal;}
#tm {background: rgb(255,255,255); font-weight:normal;}
#RH {background: rgb(255,255,150); font-weight:normal;}
#SP {background: rgb(150,255,150); font-weight:normal;}
#st {color: rgb(0,0,255); font-weight:normal;}
#hl {color: rgb(255,0,0); font-weight:normal;}
#cl {background: rgb(255,200,200); font-weight:normal;}
#lc {background: rgb(255,150,150); font-weight:normal;}
#do {background: rgb(255,100,100); font-weight:normal;}
#co {background: rgb(255,255,150); font-weight:normal;}
#co0 {background: rgb(255,255,255); font-weight:normal;}
#co1 {background: rgb(255,255,191); font-weight:normal;}
#co2 {background: rgb(255,255,128); font-weight:normal;}
#co3 {background: rgb(255,255,64); font-weight:normal;}
#co4 {background: rgb(255,255,0); font-weight:normal;}
#co5 {background: rgb(255,191,0); font-weight:normal;}
#co6 {background: rgb(255,128,0); font-weight:normal;}
#co7 {background: rgb(255,64,0); font-weight:normal;}
#co8 {background: rgb(255,0,0); font-weight:normal;}
#co9 {background: rgb(191,0,0); font-weight:normal;}

table.graph {
font-family:verdana,arial,sans-serif;font-size:1.0em;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:10px 20px 10px 20px;
border:0px solid black;text-align:left;}

table.align_and_structure {
font-family:verdana,arial,sans-serif;font-size:1.0em;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:10px 20px 10px 20px;
border:0px solid black;text-align:left;}

table.alignhead {
font-family:verdana,arial,sans-serif;font-size:1em; font-weight:normal;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:20px 10px 5px 20px;
border:0px solid black;text-align:left
}

.alignhead th {front-weight: normal;}

.graph span {display:inline-block;height:5px;}
* html .graph span {height:7px;}
.graph a {text-decoration:none;cursor:pointer}
span.filler {background:white;border:1px solid white;border-left:none;border-right:none}
span.noalileft {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-right:none}
span.noaliright {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-left:none}
span.align {background:rgb(0,0,255);border:1px rgb(0,0,255) solid;border-left:none;border-right:none}
span.nonalign {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-left:none;border-right:none}
span.number {background:white;border:1px solid white;border-left:none;border-right:none; padding-left:10px;}
.graph td {padding-right:10px;}

div.ali_and_str {
 margin:10px 10px 10px 20px;
}

table.ali_and_str {
 margin:10px 10px 10px 10px;
}

pre.hhalign {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.psialign {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.organinfo {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.infomation {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}



#utsw {position:relative; width:288px; height:72px;  background:url('citrus_front/utswLogo.jpg'); overflow:hidden; margin:28px 10px 10px 10px}
#utsw a {display:block; width:288px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/utswlogo.png') no-repeat 500px 
500px;}
* html #utsw a  {height:72px;}
#utsw a:hover {background-position: 0 0; z-index:50;}

#crdf {position:relative;width:279px; height:86px;  background:url('citrus_front/crdfLogo.jpg'); overflow:hidden; margin: 14px 10px 10px 10px}
#crdf a {display:block; width:279px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/crdfLogo.jpg') no-repeat 500px 
500px;}
* html #crdf a  {height:86px;}
#crdf a:hover {background-position: 0 0; z-index:50;}

#hhmi {position:relative;width:284px; height:47px;  background:url('citrus_front/hhmiLogo.jpg'); overflow:hidden; margin:0 auto; margin:33px 10px 20px 10px}
#hhmi a {display:block; width:284px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/hhmiLogo.jpg') no-repeat 500px 
500px;}
* html #hhmi a  {height:54px;}
#hhmi a:hover {background-position: 0 0; z-index:50;}

form {margin: 0 0 1.5em}
input {font-family: arial,helvetica,sans-serif;margin: 2px 0 0}
label {display:block;padding: 5px 0}
label br {clear:left}
#desc {font-weight: bold;margin-bottom: 5px;}
#desc a {font-weight: normal;}
#logolink, #logolink img {float: left;border: 0;margin: 0;}
a#logolink img{margin-bottom:-1em;}
      
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
/* Original: h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 
.3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}*/
h1, h2, h3, h4, h5, h6 { letter-spacing: -1px;font-family: arial,helvetica,sans-serif;margin: 1.2em 0 .3em;color:#2A6979;border-bottom: 
1px solid #ccc;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#4E8999; padding: 3px; border: solid 1px #ccc;}
.featured { color: #777; background-color: #ffc; padding: 0em 2em; margin:0; }
.subdued {color:#999}
.msg {color:#FF7700; padding: 0em 2em;margin: 0.25em 0;border: 1px solid #ccc;display: block;}
.error {color:#c00;background-color: #fcc;border-color: #c00;display: block;}
.info {border: solid 1px blue;color: blue;background-color: #8cc8ff;display: block;}
.success {border: solid 1px green;color: green;background-color: #dfd;display: block;}
.warning {color: #444;background-color: #ffa;border-color: #444;display: block;}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites-ncbi.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}
dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
/*img {border:none} */
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
/* LAYOUT - HEADER */
#header {background: #204174  url("images/sprites-ncbi.gif") repeat-x 0 100%;margin: 0 0 10px;padding: 0 0 8px;white-space:nowrap;}
#header #site-name {font: 120% arial;letter-spacing: -.05em;margin: 0 ;padding:3px 0; color:#ffffff;font-weight: bold;}
#header #site-name span.desc {font-style: italic; letter-spacing: 0; color: #68a; margin-left: 5em; position: relative; left: 
200px;font-size:85%}
#header {min-width:770px;position:relative;height:4em;}
/* NAV - top horizontal nav */
#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav {font-weight:bold;height:2.09em;font: bold 95% arial;margin: 0 105px 0 40px; width: 630px;}	
#nav li {background: #999;float: left;width: auto;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid 
#252525;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: 
block;padding: 4px 10px 2px}
#nav a:hover {color:#000}
#nav li ul {border-left: 1px solid #ccc;background: #eee;width:22.8em;font-size:90%;margin-top:3px;position: 
absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999;}
#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:solid 1px 
#ccc;border-left:none;padding-left:0}
#nav li li.last {border-bottom:solid 1px #ccc;}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:21em}
#nav li li a:hover {color:#fff;background:#4E8999}
#nav li.active {background: #4E8999;border-bottom: 3px solid #4E8999}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#000}
#nav li.active li {border:none;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#nav li.active li {border: solid 1px #ccc;border-right: solid 1px #4E8999;border-left: solid 1px #4E8999;}
#nav li.active li.last {border-bottom: solid 1px #4E8999;}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#000}
#nav li.active li a:hover {background: #666 url("images/sprites-ncbi.gif") repeat-x 0 99%;color:#fff; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/sprites-ncbi.gif', sizingMethod='crop');}
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active 
a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites-ncbi.gif") repeat-x 0 99%; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/sprites-ncbi.gif', sizingMethod='crop');}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */
	
/* SEARCH */
#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:4em;}
#search form {margin:0}
#search input {width:8em;margin: 0 0 -1px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
#content {margin: 0;}
#breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; margin-left: 1em; margin-bottom: 0; padding: 0 6px 0 12px;; background: 
url("images/right-arrow.gif") no-repeat center left;display:inline;}
#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none}
#breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline}
/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
ol.code {font-family: monospace;position:relative}
ol.code li {color: #666;margin-bottom: 1px}
ol.code code {color: #000;display: block}
ol.code .cmt {color: #4077d2}
li.tab0 code {padding-left: 4em}
li.tab1 code {padding-left: 8em}
li.tab2 code {padding-left: 12em}
li.tab3 code {padding-left: 16em}
li.tab4 code {padding-left: 20em}
li.tab5 code {padding-left: 24em}
ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE A */
#type-a #content-wrap {white-space:nowrap;  }
#type-a #content { margin: 0 10px; }
/* LAYOUT TYPE B */
#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
#type-b #content {margin: 0 23px 0 235px}
/* LAYOUT TYPE C */
#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
#type-c #content {margin: 0 25% 0 235px}
/* LAYOUT TYPE D */
#type-d #content {margin: 0 0 0 40px;}
/* LAYOUT TYPE E */
#type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}	
#type-e #content {margin: 0 243px 0 50px}
/* LAYOUT TYPE F */
#type-f #content {margin: 0 0 0 40px;}	
/* LAYOUT - FOOTER */
#footer p {margin:0; padding: 0;}
#footer a:link {color:#999}
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 4px 10px 0 10px;font-size:86%;color:#999; margin: 0;}
#breadcrumb a.help {margin-left: 1em;font-weight:normal;text-decoration: underline;}
div#search {border: solid 1px #aaa;}
div#search td{padding: 1px;}
/* Mozilla-only rule */
html > body div#search td{padding: 2px;font-weight: bold;}
div#search {background-color: white;position: absolute;right: 4px;top: 4px;color: #369; /* new rule: text by default is white */}
table#myncbi_on{font-size: 85%;color:#369;font-weight:bold;height:4em;}
#jtitle{margin-left:1em;}
.hidden {display: none;}
.shown {display: block;}
a#moreHelp{font-weight:bold;text-decoration:underline;}
/* These next two rules replace the text of <a class="helplink"><span>[?]</span></a>
 * with a 16x16 help link image with transparent background
 */
.helpbox {font-size: 95%;color: #666;border: solid 1px #ccc;background-color: #def;margin-left: 1em;padding: 0.5em;margin-bottom: 
0.5em;}
.help, .helpbox {font-size: 95%;color: #666;white-space:normal;}
a.arrowlink:hover {text-decoration: underline;}
a.arrowlink{
   padding-left: 16px;
   padding-right: 8px;
   background-image: url(images/right.gif);
   background-repeat: no-repeat;   
   background-position: center left;
   -moz-outline-style: none;
   text-decoration: none;
}

#orgns {float: right;}

a#moreHelp{font-weight:bold;text-decoration:underline;}
/* These next two rules replace the text of <a class="helplink"><span>[?]</span></a>
 * with a 16x16 help link image with transparent background
 */
.helpbox {font-size: 95%;color: #666;border: solid 1px #ccc;background-color: #def;margin-left: 1em;padding: 0.5em;margin-bottom: 
0.5em;}
.help, .helpbox { font-size: 95%; color: #666;}
.helplink {position: relative;border-left: solid 1px transparent; /* Fixes Moz bug */margin-left: 0;-moz-outline-style: none;}
.helplink span {display: block;position: absolute;left: 0;top: 0;height: 18px;line-height: 18px;width: 16px;overflow: hidden;
text-indent: -10000px;background: transparent url(images/help.gif) no-repeat center left;/* Fix IE6 mouseover flicker bug */
_filter:
   progid:DXImageTransform.Microsoft.AlphaImageLoader 
   (src='images/help.gif', sizingMethod='crop');
}
.section p {margin-bottom: 0.5em;}
.section a {font-weight: bold;}
a.more {float: right;padding-right: 0.25em;font-weight: normal;}
input:focus,textarea:focus,select:focus {background-color: #ffc;}
.help {color: #666;font-size: 90%;padding: 0;margin:0;}
a.help {color: #369;}
.clearleft {clear: left;padding: 0;margin: 0;}
input.linkButton, input.linkButton:focus {border:0;padding: 0;margin: 0;margin-top: 0.25em;background: transparent;
background-color: #369;font-size: 100%;margin-left: 2em;text-decoration: underline;border-bottom: solid 1px #369;_border-bottom: none;}
.linkButton {cursor: pointer; /* This is recognized by Mozilla as hand */	cursor: hand; /* This is recognized by IE as hand */}	
fieldset {zoom: 1;}
a.hidden{display:none;}
/* Mark please correct that - I could not find the better way */
#toggleOptions.showing {background-image: url(images/down.gif);}
#toggleDbList.showing {background-image: url(images/down.gif);}
#toggleCompleteList.showing {background-image: url(images/down.gif);}
#toggleWGSList.showing {background-image: url(images/down.gif);}
span.hidden{display:none;}
tr.hidden{display:none;}
.orgHint {color:#aaa;}
form.f-wrap-1 {width:100%;padding: .5em 0;background: #eee url("images/corner.gif") no-repeat 100% 
100%;position:relative;white-space:normal;}
form.f-wrap-1 fieldset {width:auto;margin: 0 1em; }
form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 125% arial;color:#369}
/* hide from IE mac \*/
form.f-wrap-1 label {float:none;}
/* end hiding from IE5 mac */
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label b .req 
{color:#369;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.f-wrap-1 div.req 
{color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
form.f-wrap-1 div.req b {color:#369;font-size:140%}
form.f-wrap-1 label select {width: 15.5em}
form.f-wrap-1 label textarea.f-comments {width: 20em}
form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap 
{float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 
1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 
10px}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label 
{float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent 
url("images/errormsg_bg.gif") no-repeat 0 0}
form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 
30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
form.f-wrap-1 {min-width:850px;}
.qrange {   float: left; margin-left: 1em; width: 12em; position: relative;}
.qrange input {font-size: 90%;}
.qrange label { text-align: right; color: #666;}
.qrange h4 {
padding-top: 0;
margin-top: 0;
text-align: center;
color: #444;
font-size: 90%;
}

table.prots  td {  max-height: 90%; FONT-SIZE: 90%; font-family: 'Courier New'; }

.radio_hide_if
{
display:inline;
}

.radio_hide_if.shown {
display: none;
}

.radio_hide_if.off {
display: none;
}

.link80 {
	font-size: 80%;
}

#helprange{
width: 24em;
/*position: absolute;*/
left: -1em;
top: 5em;
}

.formblock, .formline {
border: none;
margin-bottom: 0.5em;
}

.qs { overflow: auto;}
.qs div {
float: left;
clear: none;

}

.hint {
font-size: 85%;
color: #4E8999;
}

textarea {
font-size: 100%;
width: 40em;
}

#upl, .upl_help{
/*float: left;*/
}

#clearquery 
{
	margin-left: 9em;
	_margin-left: 16em;
	font-size: 80%;
}

input.savebutton, input.savebutton:focus {
/* margin-left: 550px; */
border:0;
padding: 0;
margin: 0;
margin-top: 0.25em;
/*padding: 4px 10px;*/
background: transparent;
color: #369;
font-size: 100%;
margin-left: 2em;
text-decoration: underline;
border-bottom: solid 1px #369;
_border-bottom: none;
}

.savebutton 
{
	cursor: pointer; /* This is recognized by Mozilla as hand */	
	cursor: hand; /* This is recognized by IE as hand */		
}

.inlineLabel{
display: inline;
position: relative; /* IE bug fix */
}



.hidden {
display: none;
}

.shown {
display: block;
}

#qseq textarea {
clear: left;
float: left;
width: 42em;
_font-size:90%;
_width: 44em;
}

#qtitle {
        font-size: 90%;
}

.input input, label.cb {
float: left;
display: block;
}


label.cb,label.cbr {
padding: 0;
margin: 0;
display: inline;
white-space:nowrap;
font-weight: normal;
margin-right: .5em;
}
label.cbr 
{
margin-left: -0.5em;
margin-right: .1em;
}

fieldset { border: solid 1px #ccc; padding: .5em .75em 1em 1em; margin: 0 1em 1em 1em;}
fieldset legend { padding:0 11px 3px 11px; margin: 0 0 .5em; color:#369; height:1.1em; background-color: #ddd;
border: solid 1px #ccc;
}

form.f-wrap-1 fieldset {
   margin-bottom: 0.5em;
   margin-top: 1em;
}

form.f-wrap-1 fieldset fieldset {
   background-color: #f2f2f2;
        margin-bottom: 0;
}

form.f-wrap-1 fieldset label.m {
margin: 0;
padding: 0;
width: 12em;
display: block;
float: left;
clear: left;
text-align: left;
line-height: 1.2em;
}


form.f-wrap-1 fieldset div.input input,
form.f-wrap-1 fieldset div.input label {
   display: inline !important;
   float: none;
}

.chkBox 
{
	margin-left:0.5em;
}

.section 
{
zoom: 1; /* IE hack to fix stupid layout bug */
_padding-top: 1em;
margin: 0;
margin-bottom: -0.5em;
}

.section fieldset div.input 
{
margin-left: 11em;
_margin-left: 0em;
border-left: solid 1px #ccc;
padding-left: 1em;
margin-bottom: 1em;
zoom: 1; /* IE hack to fix stupid layout bug */
}


div.moreInput {
margin: 0 1em;
background-color: #ddeeff;
text-align: left;
zoom: 1;
padding: 0.5em 0 0 0.5em;
border: solid 1px #ccc;
}


div.moreInput input,
div.moreInput p.help {
    padding: 0;
    margin: 0;
    display: block;
    clear:left;    
 }

.moreInput
{
display:none;
}

.moreInput.shown {
display: block;
}

.moreInput.off {
display: none;
}


/* This is necessary because of -- you guessed it -- IE */
div.input table {
border: none;
margin-collapse: collapse;
margin:0;
padding: 0;
}

div.input table td {
padding: 0;
margin: 0;
}

div.input div
{
	_margin-left:2px;	
}

option {
padding-right: 1em;
}

#moreopts {
border: none;
}

#moreopts fieldset {
   _margin-top: 2em;
}

#saveSearch
{
	margin-left:2em;
}

/* This hides all labels, input divs, and fieldsets */
#sopts fieldset,
#sopts label,
#sopts div {
display: none;
}

#sopts div.summary {
display: block;
}

#sopts div.searchsummary {
display: block;
margin-left: 10em;
padding-left: 1em;
border-left: solid 1px #aaa;
}

/* This unhides the ones that match what's at the top of the file */
#sopts *.all,
div.blastn #sopts *.blastn,
div.blastp #sopts *.blastp,
div.blastx #sopts *.blastx,
div.tblastn #sopts *.tblastn,
div.tblastx #sopts *.tblastx,
div.discoMegablast #sopts *.discoMegablast,
div.megaBlast #sopts *.megaBlast,
div.phiBlast #sopts *.phiBlast,
div.psiBlast #sopts *.psiBlast
{
display: block;
}

#sopts .hide{
display: none;
}

#sopts *.shown 
{
	display:block;
}

	
body.blastx #query *.blastx,
body.tblastx #query *.tblastx,
body.blastn #choosedb *.blastn,
body.discoMegablast #choosedb *.discoMegablast,
body.megaBlast #choosedb *.megaBlast
{
	display:block;
}
body.TraceArchive #choosedb #genomeDbs,
body.TraceArchive #choosedb #entrezQuery,
body.TraceArchive #orgInfo,
body.Microbial #choosedb #genomeDbs,
body.Microbial #choosedb #entrezQuery,
body.Microbial #orgInfo
{
	display:none;
}

#gencode
{
	display:none;
}
#genomeDbs
{
    padding-bottom:0.2em;    
	display:none;
}

#genomeDbs label
{
    
    padding-left:4px;
    _padding-left:2px;
    padding-right:5px;    
}

div#savedLists{display:none;}

/* TO DO: remove ss */
input.ss 
{
	margin-top: 0.5em;
	margin-left: 2em;
}

label.ss 
{
border: solid 1px #369;
font-size: 90%;
font-weight: normal;
padding: 2px;
}



label.prompt {
display: inline;
background-color:#ddd;
margin-top:5px;
padding-bottom: 13px;
padding-right:5px;
padding-left:5px;
font-size: 110%;
font-weight: bold;	
}

#message
{
}
#oatLabel
{
	font-style:italic;
}

.moreOptions
{
	margin-left:1em;	
}

.infoTitle 
{
  color: black;	
}


.dbInfo, .progInfo, .progDescr 
{
    font-weight: bold;
    color: #369;
}

/* FIXME: Merge these changes above where they belong */

#searchForm {
background-color: #d3dff5;
border: solid 1px #888;
padding-top: .5em;
_padding-top: 1em;
}

fieldset {
padding: 0.5em 1em 0.5em;
background-color: #eee;
margin: 0;
_position: relative;
_padding-top: 1em;
_margin-top: 0.5em;
}

div.qs, div.formblock {
margin: 0;
padding: 0;
}

p.help {
margin-top: -0.5em;
}


.show
{
display: block;
}



div.psiBlast #sopts *.hide,div.phiBlast #sopts *.hide
{
    display:none;
}



div.searchInfo
{
   zoom:1;	
   background-color:white;
   margin:0 1em 0.5em;
   padding: 0.25em;
   border: solid 1px #aaa;
   font-size: 100%;
   margin-top:1em;	        
}
#srchBottom 
{
  margin-bottom:1em;	   
}

div.searchInfo label {
font-size: 80%;
font-weight: bold;
}

div.searchInfo .summary {
font-weight: bold;
display: block;
float: left;
margin-left: 1em;
_margin-left: 0.5em;
margin-top:0.3em;
}

.openNewWin {
margin-top: 0.5em;
padding: 0;
}

#sopts div.openNewWin label {
     display:inline;
}

div.qs 
{
    _width:750px;
}

#dblist
{
    _width:750px;
}


.diff
{    
    color:red;
}

.noDiff
{
    color: #eee;  
}

span#diffMes {
background-color:#FFFACD;
display:none;
font-weight:bold;
margin-left:5em;
padding:1px 5px;
position:absolute;
right:2em;
}

select option.hidden 
{
    display:none;
}

div.nondef,span.nondef {
background-color:#FFFACD;
padding:3px 3px 3px 0pt;
width:300pt;
}

#chooseOther {

zoom: 1;

}

#chooseOther  p.help
{
    margin: 0;
    clear:left;    
}

#chooseOther {
display:block;
padding-top:0.5em;
}


#optSection {
margin-bottom: 1em;
}

#pagelinks {
margin-left:100px;
/*float: right !important;*/
position: relative;
display:inline;
}

#pagelinks a {
font-size: 85%;
margin-left: 1em;
}

#hq
{
    width:42em;
}

div.right {
text-align: right;
padding:0;
margin: 0;
padding-right: 1em;
}

input.right, a.right {
display: block;
float: right;
margin: 0;
padding: 0;
margin-right: 3em;
}

input.right {
background-color: transparent;
padding: 0;
text-decoration: underline;
color: #369;
border: none;
}

label.right {display: inline; font-weight: normal;}

#qseq label 
{
    padding:0;
}

#query div.input, 
#choosedb div.input,
#progSel div.input{
margin-bottom: 0.3em;
}
#choosedb fieldset 
{
    margin-top:8pt;
    margin-bottom:8pt;
}