.hidden {
display: none;
}

table.wmarg {
border-top: solid 1px #369;
}

table.wmarg tr td {
height: 1.5em;
}

table.wmarg td h2 {
  font-size: 110%;
  _font-size: 100%; /* IE hack */
  color: #444;
  margin: 0;
  padding: 0;
  padding-left: .5em;
}

label {
white-space: nowrap;
}


/* Hide anything for "print only" */
.pronly {
display: none;
}

.tax {
font-style: italic;
font-weight: normal;
}

.withnote {
position: relative;
_width: 100%; /* IE has a float bug here */
}

.withnote .note {
position: absolute;
right: 0;
font-size: 80%;
font-weight: normal;
}

.clearer {
clear: left;
}


/* ---------------------------------------- LEFTBAR */
strong {
font-weight: bold;
color: #444;
}

#leftbar {
position: relative;
background-color: #369;
font-family: verdana, arial, helvetica, sans-serif;
color: #47a;
padding-left: 0.25em;
}

#leftbar h3 {
	font-size: 90%;
	color:#ccc;
        margin: 0;
        font-weight: bold;
        padding: 3px 0px;
        padding-bottom: .25em;
}

#leftbar a {
font-size: 80%;
color: #eef;
text-decoration: none;
}

#leftbar ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 1em;
border: solid 1px #47a;
        padding: 3px 4px;
}

#leftbar li {
padding: 0;
margin: 0;
line-height: 1em;
}

#leftbar a:hover {
text-decoration: underline;
}

#leftbar a:visited {
color: #faf;
}
/* ---------------------------------------- END LEFTBAR */

/* ---------------------------------------- MAIN COLUMN */

td#mainContent {
width: 76%;
padding: 0 1em;
}

td#mainContent, td#mainContent td {
font-size: 80%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

td#mainContent h1 {
font-size: 115%;
margin: 0;
}

td#mainContent h1 b {
font-size: 90%;
padding: 0 .25em;
}

td#mainContent div.section {
margin: 1em 1em 2em;
}

td#mainContent div.section h3 {
margin: 1em 0;
font-size: 110%;
color: #444;
border-bottom: solid 1px #ccc;
padding-left: 0;
}

#mainContent p.xtra {
padding: 0.25em 0 0;
margin: 0;
text-align: left;
}

.geneid {
float: left;
}

h2#summary {
margin-top: 0;
}

td#mainContent {
margin-top: 0;
}

td#mainContent h2 {
font-size: 120%;
color: #444;
background-color: #eee;
border-top: solid 1px #369;
padding: 2px;
padding-left: 0.5em;
position: relative;
}

h2 a {
position: absolute;
top: 1px;
right: 2px;
padding: 10px 12px;
color: white;
_height: 21px;
_width: 21px;
_right: 30px;
cursor:hand;
_cursor:pointer;
}

/* Image replacement:
 * This throws link text off of the page, and positions the help and top icons
 */
h2 a span {
zoom: 1;
position:absolute;
left: -1000px;
font-size: 1px;
}

h2 a.top {
top: 1px;
right: 22px;
_top: 2px;
_right:50px;
}

/* This section is for non-IE browsers only */
html>body h2 a.help {
background: transparent url(help.gif) no-repeat top left;
}

html>body h2 a.top {
background: transparent url(top.gif) no-repeat top left;
}

/* End non-IE section */


/* This section applies only in IE. It prevents stupid IE image reload bug.
   No cool mouseover effect, though.
*/
h2 a.help  {
filter:
   progid:DXImageTransform.Microsoft.AlphaImageLoader 
   (src='query/Gene/help.gif', sizingMethod='crop');
}

h2 a.top  {
filter:
   progid:DXImageTransform.Microsoft.AlphaImageLoader 
   (src='query/Gene/top.gif', sizingMethod='crop');
}

/* ---------------------------------------- END MAIN COLUMN */

/* ---------------------------------------- Summary */


dl#summaryDl dt, dl#summaryDl dd {
display: block;
margin: 0;
/* font-size: 14px;*/
padding-top: .25em;
padding-bottom: .25em;
border-top: solid 1px #ccc;
overflow: visible;
position: relative;
}

dl#summaryDl dt {
width: 10em;
font-weight: bold;
float: left;
text-align: right;
clear: left;
}

dl#summaryDl dd {
margin-left: 10em;
padding-left: 1em;
padding-right: 1em;
}

dl#summaryDl *.noline {
border-top: none;
}

.prov {
display: block;
font-size: 85%;
color: #888;
text-align: right;
}

/* ---------------------------------------- END Summary */

/* ---------------------------------------- context */

div#tranprodDiv img, div#contextDiv img {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
border: none;
text-align: center;
}
/* ---------------------------------------- END context */


/* ---------------------------------------- PubMed */
/* ---------------------------------------- End PubMed */

/* ---------------------------------------- Generif */

div#generifs, div#gtbl {
 /*font-family: Verdana, Arial, Helvetica, Sans-Serif; */
margin: 0 1em;
vertical-align: top;
text-align: left;
}

caption {
position: relative;
caption-side: top;
font-size: 90%;
}

div#gtbl {
margin-top: 1em;
}

div#gtbl table
{
/* Bizarre Gecko problem: scrolls H if width = 100% */
 width: 99%;
 border-collapse: collapse;
}

div.generifs {
margin: 0 1em 1em;
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-top: solid 1px #eee;
padding: 0.5em;
background-color: #ccc;
}

div.generifs a {
padding: 0px 5px;
font-size: 90%;
}

div#gtbl a {
float: left;
padding-top: 10px;
}

div#gtbl td a img {
border: 0;
padding: 3px;
margin-top: 0.5em;
margin-left: 0.5em;
}

div#gtbl table tr td {
padding: 4px;
padding-right: 0px;
vertical-align: top;
border: 0;
}

div#gtbl table tr td.col1 {
padding-top: 0px;
text-align: left;
}

div#gtbl table tr td.col2 {
text-align: left;
}

div#gtbl table tr td a {
padding: 0; margin: 0;
}

div#gtbl {
border: solid 1px #ccc;
height: 170px;
overflow: auto;
}

div#gtbl table tr td {
vertical-align: top;
font-size: 80%;
}

div#gtbl tr.odd {
background-color:#f0f8ff;
}

/* ---------------------------------------- End Generif */

/* ---------------------------------------- Interactions */

#interactionsDiv {
max-height: 40em;
_height: 30em;
overflow: auto;
border: solid 1px #ccc;
}

#interactTable {
margin: .25em .5em 0 0;
}

#interactTable th {
background-color: #ccc;
}

#interactTable td {
border-bottom: solid 1px #ccc;
}
/* ---------------------------------------- End Interactions */

/* ---------------------------------------- Markers */

div#markers {
max-height: 30em;
_height: 30em;
overflow: auto;
border: solid 1px #ccc;
}
div#markers dl {
margin: 1em;
}
div#markers {
max-height: 30em;
_height: 30em;
overflow: auto;
border: solid 1px #ccc;
}
div#markers dl {
margin: 1em;
}
div#markers dt {
margin-top: 1em;
}

/* ---------------------------------------- End markers */

/* ---------------------------------------- GO */
#go table {
border-collapse: collapse;
margin-bottom: 1em;
width: 100%;
_width: 80%; /* dumb IE */
}
#go {
margin: 2em;
}


table.go th {
width: 90%;
font-size: 80%;
text-align: left;

}

table.go th.th2 {
text-align: center;
}

table.go td {
border: none;
padding: 3px 5px;
}

table.go tr.odd td {
background-color: #def;
}

table.go td + td {
text-align: center;
}

table.go tr th {
background-color: #eee;
border-bottom: solid 1px #369;
padding: 5px;
}

table.go a {
word-wrap: wrap;
}
/* ---------------------------------------- End go */

/* ---------------------------------------- General Protein Information */
#gpi dt {
font-weight: bold;
}

/* ---------------------------------------- End GPI */

/* ---------------------------------------- LINKS COLUMN */
td#linkContent {
width: 22%;
_width: 22%;
font-size: 75%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
overflow: visible;
}

td#linkContent h1 {
font-size: 120%;
border-bottom: solid 1px #ccc;
width: 90%;
margin: 0.75em 1em 0.25em 0;
color: #444;
padding-left: 15px;
white-space: pre;
cursor: pointer;
_cursor:hand;
zoom: 1;
}

td#linkContent div.fanfold div {
margin-left: 15px;
}

/* Mark visited pages with checkmarks */
td#linkContent div.fanfold a:visited {
margin-left: -15px;
padding-left: 15px;
background: white url(check.gif) no-repeat center left;
}


div.fanfold ul {
list-style-type: none;
margin:0;
padding:0;
}

div.fanfold ul li {
zoom:1; // YAIEB
padding:0;
margin:0;
padding-left: 20px;
}

/* Don't want "checkmarks" for this section */
td#linkContent div.fanfold div.nochecks a:visited {
background: none;
margin-left: 0;
padding-left: 0;
}


#linksContent h1 {
position: relative;
}

#linksContent h1 a  {
font-size: 80%;
font-weight: normal;
position: absolute;
right: 0px;
top: 0.25em;
z-index: 300;
}

td#linkContent a {
display: block;
text-decoration: none;
}

td#linkContent a:hover {
text-decoration: underline;
}

td#linkContent h2 {
margin-left: -15px;
padding-left: 15px;
width: 90%;
font-size: 110%;
background-color: #eee;
border:none;
color: #369;
}

#linksContent .showing {
background: url(down.jpg) no-repeat center left;
}

#linksContent .hiding {
background: url(right.jpg) no-repeat center left;
}

.showing span.showing,
.hiding span.hiding {
background: none;
display: inline;
}

.hiding span.showing,
.showing span.hiding {
display: none;
}

/* This section applies only in IE. It prevents stupid IE image reload bug.*/
* html a.EGHome  {
 filter:
   progid:DXImageTransform.Microsoft.AlphaImageLoader
      (src='query/Gene/home.gif', sizingMethod='crop');
 padding-bottom: 7px;
 line-height: 20px;
}

/* End IE-only */

/* Everybody but IE works correctly */
html>body a.EGHome {
background: white url(home.gif) no-repeat center left;
}


/* These rules apply to all browsers */
a.EGHome {
display: block;
position: relative;
left: -5px;
height: 16px;
overflow: visible;
color: #369;
padding: 2px;
padding-left: 24px;
margin-top: 12px;
font-family: Verdana,Helvetica,Sans-Serif;
font-size: 12px;
font-weight: bold;
}

/*
.linkshelp { 
   float: right;
   font-size: 85%;
   z-index: 300;
   position: relative;
   top: 1em;
   _top: 1em;
   margin-right: 1em;
   _margin-right: 0.5em;
} 
*/

.linkshelp { 
float: right;
font-size: 90%;
text-decoration: underline;
margin-right: 12px;
position: relative;
z-index: 300;
}

#FullReport .linkshelp {
margin-top: 1em;
}

/* ---------------------------------------- END LINKS COLUMN */

/* ---------------------------------------- REFSEQ */
/* The "head:first-child+body stuff hides these styles from IE Win
   (and Opera < 6) because IE is stupid and broken, yet again. */   

#refseqDiv h3 {
margin-top: 2em;
}

#refseqDiv ol li {
padding: 0px;
margin-top: 1em;
margin-left: 3em;
margin-bottom: 0;
}

#refseqDiv ol li  dl {
border: solid 1px #eee;
margin-bottom: 0;
}

/* Even IE can handle this */
#refseqDiv ol li p {
background-color: #eee;
padding: 0px;
font-weight: bold;
padding-left: 8px;
margin-bottom: 0;
font-size: 90%;
}

#refseqDiv ol li p a {
font-size: 110%;
}

#refseqDiv dl {
background-color:white;
width: 100%;
margin-bottom: 0;
}

#refseqDiv dt {
float: left;
width: 140px;
font-weight: bold;
text-align: right;
padding: 0px 0px 4px;
clear: both;
font-size: 85%;
color: #666;
margin-top: 0;
}

#refseqDiv dd {
/* border: solid 1px orange;*/
margin-left: 150px;
padding: 0px 4px 4px;
border-left: solid 1px #ccc;
padding-left: 8px;
font-size: 85%;
}

#refseqDiv dd dd {
/* width: 300px;*/
}

#refseqDiv ol li {
clear: left;
font-size: 100%;
}

#refseqDiv ol dl dd dl {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}

#refseqDiv dl dl dt {
font-size: 90%;
}

#refseqDiv dl dl dd {
font-size: 90%;
}

#refseqDiv dl dd dl { 
padding:0;
margin:0;
}

#refseqDiv .clear { 
display: block;
float: none;
width: 100%;
text-align: left;
clear: both;
border-bottom: solid 1px #ddd;
}

#refseqDiv h4 {
font-style: italic;
margin: 1em 1em 0 1em;
font-size: 100%;
background-color: #ccc;
padding: 3px;
position: relative;
z-index: 2;
}

#refseqDiv .clearer {
clear: both;
}

#refseqDiv span.arr {
font-weight: bold;
font-size: 150%;
}

#refseqDiv ol, #refseqDiv .annot {
margin: -1em 1em 0 1em;
background-color: #e0e8f0;
background: #e0e8f0 url(bg.gif) repeat;
padding: 1em 1em 1em 0;
position: relative;
top: -1px;
z-index: 1;
}

#refseqDiv .annot {
margin-top: 0;
position: static;
text-align: center;
}

#refseqDiv p.desc {
padding: 0;
margin: -1em 0 0 0;
font-size: 90%;
color: #888;
}

#refseqDiv h3.genomerefseqs {
border-bottom: solid 1px #ccc;
text-align: center;
}

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

/* ---------------------------------------- END REFSEQ */

/* ---------------------------------------- RELATED */

#relatedDiv th {
font-size: 80%;
color: #444;
padding: 3px 5em 3px 3px;
border: solid 3px white;
border-bottom: solid 1px #ccc;
text-align: left;
}

#relatedDiv td {
padding-left: 0.5em;
text-align: left;
}

#relatedDiv table {
margin-bottom: 1em;
}
/* ---------------------------------------- END RELATED */

/* This is from old stylesheet--still used in 1 place */
td.NN  {
 font-size:75%;
 color: #000099;
 font-weight: bold;
 font-family: arial,helvetica,sans-serif;
}