/* necessary for blast alignments */
 .rawAlignment {
    font-family: courier;
    margin: 1em;
    text-align: left;
    white-space: pre;
    font-size: 12px !important;
    padding-left: 24px;
}

tr.hitRow_odd td {
margin: 0;
padding: 0.4em;
vertical-align:top;
}
tr.hitRow_even td {
margin: 0;
padding: 0.4em;
background-color: #f4f4f4;
vertical-align:top;
}
tr.alignmentRow_odd td{
border: 10px solid #FFFFFF;
border-top: none;
}
tr.alignmentRow_even td{
border: 10px solid #f4f4f4;
border-top: none;
}
tr.alignmentRow_odd td ul.mktree2,
tr.alignmentRow_even td ul.mktree2{
margin-left:-10px;
}
tr.alignmentRow_odd td ul.mktree2 li,
tr.alignmentRow_even td ul.mktree2 li{
font-size: 14px !important;
}
ul.mktree2 li .bullet {
padding-left:10px !important;
}
tr.alignmentRow_odd h3,tr.alignmentRow_even h3{
margin: 1em 0 -0.5em 2em;
}
.size{
text-align:right;
}
tr.query td{
padding-top:1em;
}
tr.subject td{
padding-bottom:1em;
}
table.hsp_alignment{
margin: 0em 0em 0em 1em;
padding: 0;
background-color: #FFFFFF;
}
.HSPbox{
border: 1px dashed white;
margin:0;
padding:0;
}
table.hsp_alignment td {
font-size: 12px;
margin: 0;
line-height: 10px;
background-color: #FFFFFF;
border: none !important;
}
table.hsp_alignment td.lpos {
padding-left:10px;
text-align:right;
}
table.hsp_alignment td.rpos {
text-align:left;
padding-right:10px;
}
table.hsp_alignment tr.spacer td{
line-height:20px;
}
td.sequence {
white-space: pre;
font-family: courier;
}
table#blastResults{
}
#blastResults th {
padding: 0.4em;
border-bottom: 3px double #cccccc;
}
#blastResults td{
/* border: 1px solid green;
*/ }
.blastBox{
position:relative;
}
.blastLine{
margin: 2px;
height: 14px;
position: relative;
top: 0px;
left: 0px;
background-position: center;
}
.blastLine div{
line-height: 14px;
border-color: #7d7d7d;
/* border-style:solid;
*/ border-width: 1px;
position: absolute;
font-size: 10px;
text-align:center;
overflow: hidden;
cursor:pointer;
}
.queryArrow{
line-height: 14px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/arrowR-white.png);
background-position: right;
background-repeat:none;
background-color:#a71e22;
left:5px;
color: #FFFFFF;
font-size: 8px;
}
.hitRow_even .blastLine div.HSParrowR {
border: 1px solid #f4f4f4;
line-height: 14px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/arrowR-gray.png);
background-position: right;
}
.hitRow_even .blastLine div.HSParrowL {
border: 1px solid #f4f4f4;
line-height: 14px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/arrowL-gray.png);
background-position: left;
}
.hitRow_odd .blastLine div.HSParrowR {
border: 1px solid white;
line-height: 14px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/arrowR-white.png);
background-position: right;
}
.hitRow_odd .blastLine div.HSParrowL {
border: 1px solid white;
line-height: 14px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/arrowL-white.png);
background-position: left;
}
/*
div.HSParrowR:hover{
border-color:#022f55 !important;
}
div.HSParrowL:hover{
border-color:#022f55 !important;
}
*/
.blastLine div:hover{
border-color: #960014;
}
.direction{
color: #FFFFFF;
font-size: 18px;
position:relative;
top: -2px;
}
.HSPs_A {
float:left;
height: 18px;
width: 24px;
background-image: url(../images/blast/HSPsA.gif);
background-repeat: no-repeat;
background-position: top;
}
.HSPs_A:hover {
background-position: bottom;
}
.HSPs_B {
float:left;
height: 18px;
width: 24px;
background-image: url(../images/blast/HSPsB.gif);
background-repeat: no-repeat;
background-position: top;
}
.cluster_button {
float:left;
height: 18px;
width: 36px;
background-image: url(../images/blast/cluster.gif);
background-repeat: no-repeat;
background-position: top;
}
.cluster_button:hover {
background-position: bottom;
}
.gbrowse_button {
float:left;
height: 18px;
width: 36px;
background-image: url(../images/blast/gbrowse.gif);
background-repeat: no-repeat;
background-position: top;
}
.gbrowse_button:hover {
background-position: bottom;
}
.genePage_button {
float:left;
height: 18px;
width: 24px;
background-image: url(../images/blast/genePage.gif);
background-repeat: no-repeat;
background-position: top;
}
.genePage_button:hover {
background-position: bottom;
}
.scaleBar{
border: solid #111111;
border-width: 0 1px 1px 1px;
text-align:center;
font-size:10px;
height: 5px;
margin-top:2px;
}
.scale{
position:relative;
display:block;
font-size:10px;
}
.scaleBar b{
position:relative;
bottom: 7px;
}
.scaleBar b{
}
.hitRow_even .blastLine div.scaffoldFeatureR {
/* border: 1px solid #f4f4f4;
*/ line-height: 11px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/features/featureGrayR.png);
background-position: right;
}
.hitRow_even .blastLine div.scaffoldFeatureL {
/* border: 1px solid #f4f4f4;
*/ line-height: 11px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/features/featureGrayL.png);
background-position: left;
}
.hitRow_odd .blastLine div.scaffoldFeatureR {
/* border: 1px solid white;
*/ line-height: 11px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/features/featureWhiteR.png);
background-position: right;
}
.hitRow_odd .blastLine div.scaffoldFeatureL {
/* border: 1px solid white;
*/ line-height: 11px;
position: absolute;
cursor:pointer;
background-image: url(../images/blast/features/featureWhiteL.png);
background-position: left;
}
/*for feature view */
.featureLine{
margin: 1px;
padding: 1px;
height: 9px;
position: relative;
top: 0px;
left: 0px;
background-position: center;
}
.featureInfo{
padding: 2px;
position:absolute;
top: -14px;
border: 1px solid red;
z-index:5;
background-color: #FEF886 !important;
white-space: nowrap;
}
.featureLine div{
line-height: 9px;
border-color: #bfbfbf;
position: absolute;
font-size: 10px;
text-align:center;
overflow: hidden;
}
.hitRow_even .featureLine div.HSParrowR {
background-image: url(../images/blast/arrowR-gray.png);
background-position: right;
border-left-width: 1px;
border-left-style: solid;
}
.hitRow_even .featureLine div.HSParrowL {
background-image: url(../images/blast/arrowL-gray.png);
background-position: left;
border-right-width: 1px;
border-right-style: solid;
}
.hitRow_odd .featureLine div.HSParrowR {
background-image: url(../images/blast/arrowR-white.png);
background-position: right;
border-left-width: 1px;
border-left-style: solid;
}
.hitRow_odd .featureLine div.HSParrowL {
background-image: url(../images/blast/arrowL-white.png);
background-position: left;
border-right-width: 1px;
border-right-style: solid;
}
.arrowEnd{
width:1px;
z-index:10;
bottom: 1px;
position:absolute;
background-position:center
}
.hitRow_even .arrowEnd{
background-image: url(../images/blast/arrowEnd-gray.png);
}
.hitRow_odd .arrowEnd {
background-image: url(../images/blast/arrowEnd-white.png);
}
.featureLine div.featureBackbone{
position:absolute;
top:5px;
border-top: 1px solid #a6a6a6;
line-height: 1px;
}
table.featureScaffoldTable{
/* border: 1px solid gray;*/
padding: 0.5em;
border-collapse: collapse;
}
table.featureScaffoldTable th{
}
table.featureScaffoldTable td.featureView{
margin:0;
padding: 0 10px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #dddddd;
}
table.featureScaffoldTable td.spacer{
margin:0;
padding: 0 0 0 5px;
/* border: solid #bbbbbb;
border-width: 0 1px 0 1px;
*/}
table.featureScaffoldTable td.scaffoldView{
margin:0;
padding: 0 10px;;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #dddddd;
}
#hspJoiningOptions table{
margin: 10px 0 0 0px;
border: 1px solid #eeeeee;
}
#hspJoiningOptions table td{
}
.featureRow{
cursor:pointer;
}
.featureRow:hover .featureView,.featureRow:hover .scaffoldView{
background-color: #EBECF6 !important;
}
a.roundButton{
display:inline-block;
text-align:center;
background-image:url(../images/menu/m1.gif);
background-position:center;
background-repeat:no-repeat;
width:104px;
color:#fff;
height:25px;
line-height:25px;
text-decoration:none;
padding: 0 2px 0 2px;
}
a.roundButton:hover{
background-image:url(../images/menu/m2.gif);
color:#6e9e75;
}
#sequenceQueryResults{
/*width: 965px;*/
width: 700px;
/*max-width: 965px;*/
max-width: 700px;
}
#sequenceQueryResults.genome td.defline{
width: 185px;
min-width: 185px;
max-width: 185px;
padding-right: 10px;
}
#sequenceQueryResults.proteome td.defline{
width: 290px;
min-width: 290px;
max-width: 290px;
padding-right: 10px;
}
#sequenceQueryResults td.defline a:hover{
text-decoration: none !important;
}
/* css/tooltip.css -- fancy tooltips */
span.tool {
position: relative; /* this is key */
}
span.tool span.tip {
display: none; /* so is this */
}
/* tooltip will display on :hover event */
span.tool:hover span.tip {
display: block;
z-index: 100;
position: absolute;
top: 1.6em;
left: 10px;
width: auto;
padding: 3px 7px 4px 6px;
border: 1px solid #336;
background-color: #f7f7ee;
font: normal 0.9em/1.2em arial, helvetica, sans-serif;
text-align: left;
color: #000;
}
/* css/tooltip.css */