table { border-collapse: collapse; border: 0 }

td,th,div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#title { background:#eee; font-size:20px }

.step { color: #999; font-weight: bold }

.treeBg { background-color: #f5f5f5 }

.strain_sel { fill:red }
.strain_unsel { fill:gray }
.brch_gain { stroke-width:7px; stroke:HotPink }
.brch_loss { stroke-width:7px; stroke:#5F9EA0 }

#locus, #cid { font-size:13px; width:130px; height:16px }
.search { display:inline-block; vertical-align:top; margin-top:7px }

.info {
  position: absolute;
  background-color:#FFC;
  border:outset 2px;
  padding:3px 5px 3px 5px;
  line-height:1.3em;
  top:4px;
  width:123px;
  z-index:10
}

#infoLocus { left:209px }
#infoOid { left:52px }

#main_tabs { padding:0 }

#showSynteny, #showAlign { overflow:scroll; overflow-y:hidden; position:relative }
#showSynteny text { font-size: 10px; text-anchor: middle }

#legORF { position:absolute; top:9px; left:420px }
#legBrch { padding-bottom:10px }
.txt_leg { font-size:9px; font-style:italic }
.oidLeg {fill:orange; stroke: orange}

.oid0 {fill:YellowGreen; stroke:YellowGreen; color:YellowGreen}
.oid1 {fill:Chocolate; stroke:Chocolate; color:Chocolate}
.oid2 {fill:BlueViolet; stroke:BlueViolet; color:BlueViolet}
.oid3 {fill:Wheat; stroke:Wheat; color:Wheat}
.oid4 {fill:Turquoise; stroke:Turquoise; color:Turquoise}
.oid5 {fill:Purple; stroke:Purple; color:Purple}
.oid6 {fill:Thistle; stroke:Thistle; color:Thistle}
.oid7 {fill:Teal; stroke:Teal; color:Teal}
.oid8 {fill:Tan; stroke:Tan; color:Tan}
.oid9 {fill:SpringGreen; stroke:SpringGreen; color:SpringGreen}
.oid10 {fill:Pink; stroke:Pink; color:Pink}
.oid11 {fill:SteelBlue; stroke:SteelBlue; color:SteelBlue}
.oid12 {fill:Salmon; stroke:Salmon; color:Salmon}
.oid13 {fill:SkyBlue; stroke:SkyBlue; color:SkyBlue}
.oid14 {fill:Plum; stroke:Plum; color:Plum}
.oid15 {fill:Gold; stroke:Gold; color:Gold}
.oid16 {fill:Blue; stroke:Blue; color:Blue}
.oid17 {fill:Red; stroke:Red; color:Red}
.oid18 {fill:Olive; stroke:Olive; color:Olive}
.oid19 {fill:Fuchsia; stroke:Fuchsia; color:Fuchsia}
.oidna {fill:white; stroke:#bbb; stroke-dasharray:4,1}
.oidSingle {fill:white; stroke:#bbb}

.baseline { stroke: lightgray }
.tick { stroke: #ababab }
.mark { fill: #ababab }

.tips {
  color: #ffffff;
  font-size: 11px;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  opacity: 0.6;
}

#tooltip {
  position: absolute;
  padding: 1px 5px 2px 5px;
  white-space: nowrap;
}

#annoTbl { display:none }
#annoTbl th { font-weight:bold; padding:5px }
#annoTbl td { padding:4px 5px 4px 5px; border-top:1px solid #999; }

#shade { fill:none; stroke:#4CC6FF}

.hidden { display:none }

#tbl_align td {
    font-family:Courier;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    line-height:70%;
	white-space:nowrap;
	padding:0px;
}
#tbl_align td:nth-of-type(odd) { background:rgba(240,240,240,0.6) }
.stdNt { color:#0495be }
.tick_tbl { color:#ababab; line-height:50% }

.Lewis_G {color:green}
.Lewis_S {color:green}
.Lewis_T {color:green}
.Lewis_Y {color:green}
.Lewis_C {color:green}
.Lewis_Q {color:green}
.Lewis_N {color:green}
.Lewis_K {color:blue}
.Lewis_R {color:blue}
.Lewis_H {color:blue}
.Lewis_D {color:red}
.Lewis_E {color:red}
.Lewis_A {color:black}
.Lewis_V {color:black}
.Lewis_L {color:black}
.Lewis_I {color:black}
.Lewis_P {color:black}
.Lewis_W {color:black}
.Lewis_F {color:black}
.Lewis_M {color:black}
.Lewis_- {color:#969696}
.Lewis_X {color:#969696}

#guide {
    position:absolute; top:20px;
    width:18px; height:1135px;
    background-color:rgba(256,180,180,0.4);
}

#ruler {
    position:absolute; top:8px;
    height:20px;
	font-size:10px;
    white-space:nowrap;
}

.pheno { fill:gray }