html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,
 .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
}

html {
    background-color: white;
}

table { 
    margin: 0;
    padding:0; 
}

.page p {
    margin: 0; 
    padding:0;
}

th, td {
    vertical-align: top;
    border: none;
    margin: 0;
    padding: 0;
}

input[type="checkbox"] {
    margin: 0;
}

h1, .h1 {
    font-size: 19px;
    line-height:1;
}

h3, .h3 {
    font-size: 17px;
    margin: 0;
    padding: 0;
}

.gb-page-content > h3 {
    display: none;
}

h4, .h4 {
    font-size: 12px;
}

h5, .h5 {
    font-size: 12px;
}

h6, .h6 {
    font-size: 10px;
}

ul, ol {
    list-style: none;
}

img {
    border: none;
}

select {
    font-size: inherit;
}

.slider {
    z-index: 1000;
}

.footer h3 {
    font-size: 12px;
}

.nav_and_browser {
/*    display:none; */
}

body {
    min-width: 1024px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-family: arial,helvetica,sans-serif;
}

body.generic {
    background-color: white;
}

body > div.page {
    background-color: white;
    font-size: 11px;
    line-height: 1.18;
    margin: 0;
    padding: 0;
    font-family: arial,helvetica,sans-serif;
}

.header .header-links {
    padding: .363em 1.818em 0 0;
    text-align: right;
}

.header .header-links-top {
    padding: 0 1.818em 0 0;
    height: 0;
    text-align: right;
}

ul.resources_list { 
    font-size: 12px;
    margin-left: 1.67em;
}

.header-links > ul,
.header-links-top > ul {
    list-style:none;
    white-space: nowrap;
    margin: 0;
}

.header-links > ul > li,
.header-links-top > ul > li {
    margin-left: 1.818em;
    display: inline-block;
}

.header-links a {
    color: #404040;
}
.header-links a:hover {
    color: #3300FF;
}

.gb-youtube {
    display: inline-block;
    width: 50px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/projects/genome/browser/img/youtube.png);
}

.gb-page-content {
    margin-top: 0;
}

.content-left {
    width: 26.364em;
    float: left;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 1px 0;
}

.content-right {
    margin-left: 26.82em;
    padding-right: .91em;
}

@media print {
    .content-left {
        border-width: 0 1px 1px 1px;
        margin-top: 1px;
    }

    .content-right {
        border-style: solid;
        border-color: #CCC;
        border-width: 0;
        margin-left: 26.91em;
    }

    .gb-no-print {
        display: none;
    }
    .gb-page-content {
        border-style: solid;
        border-color: #CCC;
        border-width: 1px 0 0;
    }
    
    .nav_and_browser {
        display: none;
    }
    
    .gb-page-content > .content-left {
        display: none;
    }
    .gb-page-content > .content-right {
        margin: 0;
        padding: 0 .182em;
        overflow: hidden;
    }
}

.search_form {
    font-size: 12px;
}

.gb-breadcrumbs {
    clear:both;
    
}

.comment {
    color: #808080;
    cursor: default;
}

/* browser-content-header */

.gb-track-header {
    margin: 0 1.818em 0 26.55em;
    padding: 0 6.363em 0 .91em;
}

.gb-track-header .gb-main {
    font-size: 15px;
    font-weight: bold;
    color: #724128;
    text-shadow: 1px 1px 2px #CCE;
    white-space: nowrap;
    margin: .133em 0 0;
    overflow: hidden;
}

.gb-track-header .gb-other {
    font-weight: normal;
    font-size: 12px;
    color: #555;
    text-shadow: 1px 1px 2px white;
    margin-left: 1.818em;
}

.gb-track-header .gb-other a {
    color: inherit;
}
.gb-track-header .gb-other a:hover {
    color: #228;
}

.gb-track-header span {
    padding-right: 1.818em;
}

.gb-track-header span.org {
    padding-right: .455em;
}
.gb-track-header span.chrom {
    padding-right: .455em;
}

.gb-ds-selector {
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 2px;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
}

.gb-ds-selector.gb-menu-mark {
    background-position: right bottom;
    background-origin: content-box;
    padding: .364em 1em .364em 1em;
}

.gb-ds-selector .gb-ds-item {
    padding-right: 1.1em;
}

.gb-ds-selector:hover {
    border-color: #AAA;
}

.gb-ds-selector > span {
    display: inline-block;
}

/* pull-down */

.gb-resize-mask,
.gb-clear-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 60000;
    cursor: default;

    background-color:white;
    opacity: .01;
    -moz-opacity: 0.01;
    filter: alpha(opacity=1);
}

.gb-blue-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 60000;
    cursor: default;

    background-color: #e5f4ff;
    opacity: .50;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.gb-pull-down-wrap {
    font-size: 12px;
    display: none;
    position: absolute;
    z-index: 60010;
    background-color: #FCFCFC;
    box-shadow: #888 .177em .177em .417em;
    padding: .417em 0;
    border: solid 1px #CCC;
    border-radius: .417em;
    max-height: 15em;
    overflow: auto;
    overflow-y: auto;
    overflow-x: visible;
    cursor: default;
}
.gb-pull-down-wrap.gb-fixed {
    position: fixed;
}

.gb-pull-down-wrap ul {
    list-style:none;
    margin: 0;
    padding: 0;
}

.gb-pull-down-wrap li {
    color: #202020;
    padding: .083em 1.667em .083em .416em;
    white-space: nowrap;
    cursor: default;
}

.gb-pull-down-wrap li.gb-disabled {
    color: #AAA!important;
    cursor: defaults!important;
    background-color: transparent!important;
    background-image: none!important;
}
.gb-pull-down-wrap li.gb-disabled > span:first-child {
    background-image: none!important;
}

.gb-pull-down-wrap li.gb-separator {
    background-color: #CCC!important;
    height: 1px!important;
    background-image: none!important;
    padding: 0;
    margin: .417em 0;
}

.gb-pull-down-wrap li.gb-menu-selected {
    background-color: #006aff;
    color: white;
}

.gb-pull-down-wrap li > span:first-child {
    display: inline-block;
    vertical-align: top;
    width: 1.333em;
    height: 1em;
    margin-right: .417em;
    position: relative;
    top: .167em;
}

.gb-pull-down-wrap li.gb-selected > span:first-child {
    background: url(/projects/genome/browser/img/check11.png) no-repeat center top;
}
.gb-pull-down-wrap li.gb-selected.gb-menu-selected > span:first-child {
    background: url(/projects/genome/browser/img/check11w.png) no-repeat center top;
}

.gb-pull-down-wrap li.gb-menu {
    padding: .083em .417em .083em 2.083em;
    background-repeat:no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-image: url(/projects/genome/browser/img/menu-12.png);
}

.gb-pull-down-wrap li.gb-menu span {
    width: auto;
    height: auto;
    margin-right: 1.667em;
    top: 0;
}

.gb-pull-down-wrap li.gb-menu.gb-menu-selected {
    background-image: url(/projects/genome/browser/img/menu-12h.png);
}

.gb-pull-down-wrap li > .gb-remove
{
    position:absolute;
    display:inline-block;
    width:1em;
    height:1.33em;
    right:.167em;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(/projects/genome/browser/img/close9.png);
}
.gb-pull-down-wrap li.gb-menu-selected > .gb-remove
{
    background-image:url(/projects/genome/browser/img/close9w.png);
}

.gb-menu-mark {
    display: inline-block;
    background-image: url(/projects/genome/browser/img/down11.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
}

.gb-menu-empty > .gb-menu-mark {
    background-image: none;
}

/* gb-error-panel */

.gb-error-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 60000;
    cursor: default;

    background-color: #CCF;
    opacity: .25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25);
}
.gb-error-panel-wrap {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 60010;
}

.gb-error-panel {
    margin: 60px auto;
    width: 300px;
    background-color: white;
    border: solid 1px #644;
    border-radius: 10px;
    box-shadow: #888 10px 10px 15px;
    padding: 15px 20px;
}

.gb-error-panel .gb-right {
    text-align: right;
    width: 100%;
}

.gb-error-panel .gb-close {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(/projects/genome/browser/img/close11.png);
    background-repeat: no-repeat;
    margin: -10px -10px 0 0;
    cursor: default;
}

.gb-error-panel ul {
    font-weight: bold;
    font-size: 13px;
    color: #800;
    text-align: center;

}

.gb-error-panel li {
    margin: 5px 0;
}

.gb-drag-border {
    position: absolute;
    display: none;
    border: dashed 1px black;
}

li.gb-drag  {
    position: relative;
    background-color: #EEE;
    opacity: 0.8;
    z-index: 100000;
    color: #444;
}

.gb-alert {
    display: none;
    font-size: 12px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 60100;
}

.gb-alert-content {
    text-align: center;
    margin: 80px auto;
    width: 400px;
    background-color: #E6F1FF;
    border: solid 1px #799AFC;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #555;
    overflow: hidden;
}

.gb-alert-content h4 {
    padding: 3px 0;
    text-align: center;
    background-color: #9FD2FC;
    border-bottom: solid 1px #799AFC;
}

.gb-alert-content .gb-header {
    font-weight: bold;
    color: #333;
    text-align: center;
    font-size: 120%;
}

.gb-alert-text {
    text-align: left;
    display: inline-block;
    padding: 10px 20px;
}

.gb-alert-text > span {
    display: block;
    margin: 2px 0;
}

.gb-alert-buttons {
    padding: 5px 20px;
    text-align: right;
    border-top: solid 1px #799AFC;
}

.gb-alert-buttons button {
    width: 60px;
}

/* gb-header */

.page > .header {
    clear: both;
    margin: -2px 0 0;
/*    height: 40px; */
    background-color:#E8E8E8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#CCC));
    background-image: -webkit-linear-gradient(top,#FFF,#CCC);
    background-image: -moz-linear-gradient(top,#FFF,#CCC);
    background-image: -ms-linear-gradient(top,#FFF,#CCC);
    background-image: -o-linear-gradient(top,#FFF,#CCC);
    background-image: linear-gradient(top,#FFF,#CCC);
}

.res_logo {
    width: 26.364em;
    padding: .182em 0 0;
    float:left;
    border-right: solid 1px #CCC;
    text-align: left;
    overflow: hidden;
}

.res_logo h1 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    color: #333;
    padding: 0 0.5em;
    margin: 0;
    text-shadow: 1px 1px 1px white;
    cursor: default;
}

.res_logo h2 {
    display: none;
    margin: -.4em 2em 0 0;
    color: #777;
    font-size: 11px;
    line-height: 1.18;
    text-align: left;
    padding-left: 3.636em;
    font-weight: normal;
    text-shadow: -1px -1px 1px #FFECE5;
    cursor:default;
}

.res_logo h1 a {
    text-decoration: none;
    color: inherit;
}

/* displaybar */

.gb-displaybar {
    position: relative;
    z-index: 20010;
    padding: .417em 3.333em;
    background-color: #e2fffa;
    border-width: 1px 0;
    border-style: solid;
    border-color: #5A5;
    font-size: 12px;
    color: #644;
}

.gb-displaybar-ctrl {
    text-align:right;
    margin: -.417em -3.333em .417em;
    height: 1px;
}

.gb-displaybar-ctrl > span {
    overflow:hidden;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: .182em .455em 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/projects/genome/browser/img/close11.png);
    background-size: 1em 1em;
    position: relative;
    z-index: 100;
    cursor: pointer;
}

.gb-displaybar-content {
    text-align: center;
}

/* common */

.gb-pressed {
    background-color: #555;
    border-color: #111;
}

.gb-popup {
    cursor:default;
    border:solid 1px #AAA;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight:bold;
    color:#444;
}

.gb-popup:hover {
    border-color: #777;
    color: #222;
}

.gb-refresh {
    display: inline-block;
    width: 1.455em;
    height: 1.455em;
    position: relative;
    z-index:10;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url(/projects/genome/browser/img/reload-13.png);
    background-size: 1.455em 1.455em;
    cursor: pointer;
}

span.gb-fc-clear {
    background-image: url(/projects/genome/browser/img/close9.png);
    cursor: pointer;
}

span.gb-fc-down {
    background-image: url(/projects/genome/browser/img/down11.png);
    cursor: pointer;
}

span.gb-fc-close {
    background-image: url(/projects/genome/browser/img/close11.png);
    cursor: pointer;
}

.gb-fc-ctrl.gb-ctrl-right {
    text-align: right;
}

.gb-panel-wrap {
    position: relative;
}
.gb-panel {
    padding: 0 100px 100px 50px;
}

.gb-data-canvas {
    height: 0;
    white-space: nowrap;
    overflow: hidden;
}
.gb-data-canvas canvas {
    width: 100%;
}
.gb-data-canvas span {
    display: inline-block;
}

input::-ms-clear {
    display: none;
}

.gb-error {
    font-size:13px;
    color:#500;
    border:solid 1px red;
    padding: .8em 2em;
    background-color:#FFCCCC;
}
.gb-error .gb-code {
    margin-right: 1em;
}

.gb-error .gb-message {

}

.gb-clipboard-focus {
    height: 0;
    overflow: hidden;
}

/* ncbi menu */
.page .ui-ncbimenu li ul
{
    z-index: 60000;
}

/* ncbi local nav */
.localnav ul .gb-active-menu a {
    background-color: #A4A4A4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#A4A4A4));
    background-image: -webkit-linear-gradient(top, #ffffff, #A4A4A4);
    background-image: -moz-linear-gradient(top, #ffffff, #A4A4A4);
    background-image: -ms-linear-gradient(top, #ffffff, #A4A4A4);
    background-image: -o-linear-gradient(top, #ffffff, #A4A4A4);
    background-image: linear-gradient(top, #ffffff, #A4A4A4);
}


/*  ideo-region     */

.gb-ideo-region {
    padding: .45em 0 0 0;
    margin: 0;
    height: 5em;
}

.gb-ideo-region.gb-no-ideo {
    height: 0;
}

.gb-ideo-region .label {
    font-size: 12px;
    font-weight: bold;
    color:#404040;
}

.gb-ideo-region .comment {
    display: none;
}

.gb-ideo-region .comment-wrap {
    font-size: 11px;
    color:#666;
    margin: 0 0 0 5.45em;
    height: 0;
}

.gb-ideo-region:hover .comment {
    line-height: .73;
    vertical-align: top;
    position: absolute;
    z-index: 10000;
    background-color: #FFFFEE;
    padding: .36em;
}

.no-zoom .ideo-zoom, .no-zoom .zoom-comment {
    display: none;
}

.gb-ideo-region table.ideo-zoom {
    width: 100%;
    margin:10px 0;
    font-size:10px;
    font-weight:bold;
    color: #666;
}

.gb-ideo-region table.ideo-zoom td {
    height:1px;
    border: none;
    padding: 0;
}

.gb-ideo-region table.ideo-zoom td.zoom-left {
    width: 45px;
    text-align:right;
    padding:0 5px;
}

.gb-ideo-region table.ideo-zoom .zoom-slider {
    border: solid 1px #008;
    background-color:#44C;
}
.gb-ideo-region table.ideo-zoom td.zoom-slider > div {
    height: 1px;
    position:relative;
    top: -6px;
    text-align: right;
}

.gb-ideo-region table.ideo-zoom td.zoom-slider > div > img {
    position: relative;
    right:0;
}

.gb-ideo-region table.ideo-zoom td.zoom-right {
    width: 75px;
    text-align:right;
    padding:0 10px 0 5px;
}

.ideo-body-r .ideo-alt-region {
    margin-top: 2px;
}
.ideo-chrom .slider {
    z-index: 10000;
}

@media print {
    .ideo-chrom .slider {
        display: none;
    }

    .gb-ideo-region-wrap {
        display: none;
    }
}

/*  ideo-selector */

.gb-section.gb-ideo-selector-wrap .gb-section-body {
    overflow-y:auto;
    overflow-x: hidden;
    max-height:28em;
}

.gb-ideo-selector {
    white-space: normal;
    padding: 0;
    margin: 0 0 0 -.455em;
    background-color: #F8F8F8;
}
.gb-ideo-selector:hover {
    background-color: white;
}

.gb-section .IdeoSelector {
    padding: 0;
    border: none;
}

.gb-ideo-selector .ideo-body.selected-chrom {
    border: solid 1px #0C0;
}
.gb-ideo-selector .ideo-body.selected-alt {
    border: dashed 1px #0C0;
}

.gb-ideo-selector .ideo-body {
    border: solid 1px transparent;
}

.gb-ideo-selector h3 {
    font-size: 17px;
    margin: 0;
    padding: 0 0 5px 5px;
}

.gb-ideo-selector .ideo-annot-wrap {
    padding:0;
    margin: 0 0 0 1px;
}

.gb-ideo-selector .ideo-body {
    margin: 0 1px;
}

.gb-ideo-selector .highlight {
    border: solid 1px #2A0;
}

.gb-ideo-selector .annot-hidden .ideo-annot-wrap {
    display:none;
}

.gb-ideo-selector .ideo-body > a {
    cursor: pointer;
}
.gb-ideo-selector .ideo-body {
    cursor: pointer;
}

.gb-ideo-selector .gb-ideo-alt {
    margin-left: -.455em;
}

.gb-ideo-selector .gb-ideo-alt > div {
    padding: .455em .91em;
    text-align: center;
}

.gb-ideo-selector .gb-ideo-alt p {
    color: #777;
}

.gb-ideo-selector .gb-ideo-alt em {
    font-size: 18px;
    font-weight: bold;
    color: #BBB;
    text-shadow: 1px 1px 3px #DDD;
}

.gb-ideo-selector .gb-ideo-alt h5 {
    padding: .455em .91em 0;
    font-weight: bold;
    font-style: normal;
    color: #5f5f5f;
    border-top: solid 1px #CCC;
}

.gb-ideo-selector .gb-ideo-alt ul {
    text-align: left;
    padding: .455em 1.82em 0;
}

.gb-ideo-selector .gb-ideo-alt li {
    margin-right: 1.82em;
    display: inline-block;
}

.gb-ideo-selector .gb-ideo-alt a {
    color: #333;
}

.gb-ideo-selector  .gb-ideo-info > div {
    margin: 0 0 .455em -.455em;
    padding: 0 .91em .455em .91em;
    border-bottom: solid 1px #CCC;
}

.gb-ideo-selector  .gb-ideo-info table {
    width: 100%;
}

.gb-ideo-selector  .gb-ideo-info th {
    text-align: left;
    color: #555;
    background-color: transparent;
    padding: .182em 0;
}
.gb-ideo-selector  .gb-ideo-info td {
    text-align: right;
    color: #333;
    padding: .182em 0;
}

.gb-ideo-region-wrap {
    overflow: hidden;
    padding:0 6px;
    margin:0 -6px 0 -6px;
}

.ideo-chrom > .slider > span {
    opacity: 0.33;
}

/* gb-alt */
.gb-alt .ideo-chrom .ideo-img-wrap,
.gb-alt .ideo-band-label-r .ideo-img-wrap {
    opacity: 0.25;
}

.gb-alt .ideo-chrom .ideo-hlt-wrap {
    background-color: #e5f2ff;
    opacity: 0.25;
}

/* alts */

.ideo-alts-info {
    width: auto;
    min-width: 30em;
    max-width: 60em;
}

.ideo-alts-info li.gb-assm > span {
    font-weight: bold;
    font-style: normal;
    padding: 0;
}

.ideo-alts-info .gb-region a {
    cursor: default;
}

.ideo-alts-info a:hover {
/*    color: inherit;*/
    color: #FF8020;
}

.ideo-alts-info .gb-region-list-wrap {
    max-height: 54.5em;
    overflow: auto;
    overflow-x: visible;
    overflow-y: auto;
}

.ideo-alts-info .gb-alt-type {
    margin-left: .5em;
    cursor: default;
}

.ideo-alts-info .gb-header {
    font-weight: bold;
    width: 5.45em;
    padding-left: .91em;
    display: inline-block;
    vertical-align: top;
}

.ideo-alts-info .gb-len {
    margin: 0 .91em;
}

.ideo-alts-info .gb-list-header {
    font-style: italic;
    padding-left: 1.82em;
}

.ideo-alts-info .gb-alts {
    margin: -.182em 0 0 0;
}

.ideo-alts-infp .gb-alts li {
    padding-top: .091em .91em .091em 1.82em;
}

.ideo-alts-info li.gb-assm {
    padding: .182em 0 .182em 1.82em;
    font-weight: bold;
    font-style: normal;
}

.ideo-alts-info li.gb-assm span {

}

.ideo-alts-info li.gb-assm span.gb-comment {
    font-style: italic;
    font-weight: normal;
    margin-left: .91em;
}

ideo-alts-info .gb-sc-list {
    margin: 0;
}

.ideo-alts-info a {
    font-weight: normal;
}

.ideo-alts-info .gb-sc-list li {
    padding-top: .091em .91em .091em 2.73em;
}

.ideo-alts-info li .gb-header {
    width: 7.273em;
    font-weight: normal;
    color: rgb(128, 128, 128);
}

.ideo-alts-info .gb-assm.gb-odd {
    background-color: rgb(248, 248, 252);
}

.ideo-alts-info li.gb-assm ul {
    margin-left: -1.82em;
}

.ideo-alts-info li.gb-assm li {
    padding-left: 1.82em;
}

.ideo-alts-info li.gb-sc-odd {
    background-color: #ecf2f9;
}

/* --- user data --- */

.ideo-body-r .ideo-user-data {
    margin: 3px 0 0;
    padding: 0;
}

.ideo-body-r .ideo-user-data canvas {
    margin: 0;
}

.ideo-body .ideo-user-wrap {
    display: inline-block;
    vertical-align: top;
}
.ideo-body .ideo-user-data {
    position: relative;
    white-space: nowrap;
    vertical-align: top;
}
.ideo-body .ideo-user-data > span {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 0;
}

.ideo-body .ideo-user-data .ideo-user-hlt {
    position: relative;
    z-index: 10;
}

.ideo-body .ideo-user-data .ideo-user-front {
    position: relative;
    z-index: 5;
}
/*
 * $Id: gb-exon-navigator.css 532275 2017-04-03 17:09:14Z ananiev $
 */


.gb-exon-wrap {
    font-size: 12px;
    padding: 0;
    margin: .417em 0;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #6AC;
    background-color: #ACE;
    background-image: -webkit-linear-gradient(top,#ACE,#8BE);
    background-image: -moz-linear-gradient(top,#ACE,#8BE);
    background-image: -ms-linear-gradient(top,#ACE,#8BE);
    background-image: -o-linear-gradient(top,#ACE,#8BE);
    background-image: linear-gradient(top,#ACE,#8BE);
}

.gb-exon-body {
    margin: 0;
    padding: 0;
    height: 2.833em;
    border-style: solid;
    border-width: 0;
    border-color: #68C;
    white-space: nowrap;
}

.gb-exon-wrap.gb-hidden,
.gb-exon-wrap.gb-no-track.gb-errors {
    display: block;
}

.gb-exon-wrap.gb-no-track {
    display: none;
}

.gb-errors .gb-exon-body,
.gb-no-genes .gb-exon-body,
.gb-more-genes .gb-exon-body,
.gb-hidden .gb-exon-body {
    display: none;
}

.gb-exon-gene-body {
    display: inline-block;
    width: 25.833em;
    margin: 0;
}

.gb-exon-genes {
    height: 1.667em;
}

.gb-exon-gene-go {
    vertical-align: top;
    display: inline-block;
    padding: .083em;
    margin: 0;
    width: 1.083em;
    height: 1.083em;
    text-align: center;
    border-style:solid;
    border-width: 1px;
    border-color:transparent;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: content-box;

    cursor: pointer;
}

.gb-exon-gene-go.gb-next {
    background-image: url(/projects/genome/browser/img/gene-next-d.png);
}
.gb-exon-gene-go.gb-prev {
    background-image: url(/projects/genome/browser/img/gene-prev-d.png);
}
.gb-exon-gene-go.gb-enabled.gb-next {
    background-image: url(/projects/genome/browser/img/gene-next.png);
}
.gb-exon-gene-go.gb-enabled.gb-prev {
    background-image: url(/projects/genome/browser/img/gene-prev.png);
}


.gb-exon-gene-go:hover {
    border-color:#68F;
}

.gb-exon-gene-go img {
    cursor: pointer;
}

.gb-exon-set {
    vertical-align: top;
    display: block;
    padding: 0;
    white-space: nowrap;
    min-width: 25em;
}

.gb-exon-status {
    width: .8em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-position: center center;
}

.gb-exon-set .gb-exon-cell {
    display: inline-block;
}

.gb-exon-cell {
    vertical-align: top;
    padding: 0 .167em;
}

.gb-exon-set .gb-exon-cell .gb-header {
    display: block;
    font-size: 11px;
    color: #606060;
    text-shadow: 1px 1px 1px #CCC;
    margin-left: .909em;
    cursor: default;
}


.gb-exon-cell select {
    margin: 0;
    vertical-align: top;
    font-size: 11px;
}

.gb-exon-set a {

}

.gb-exon-header {
    font-weight: bold;
    color: #444;
    
}

.gb-exon-menu-wrap {
    text-align: left;
    padding-left: 50px;
}

.gb-exon-menu {
    display: inline-block;
    white-space: nowrap;
    color: #444;
    font-size: 12px;
    text-decoration:none;
    margin: .25em;
    vertical-align: top;
/*    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(/projects/genome/browser/img/down11.png);*/
}
.gb-exon-menu:hover {
    color: #D64;
}

.gb-exon-page-wrap {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    height: 100%;
}

.gb-exon-page-go {
    vertical-align: top;
    display: inline-block;
    padding: 2px 0;
    margin: 0;
    width: 10px;
    height: 13px;
    text-align: center;
    border-style:solid;
    border-width: 1px;
    border-color:transparent;

    background-repeat: no-repeat;
    background-position: center center;
    background-origin: content-box;

    cursor: pointer;
}

.gb-exon-page-go.gb-next {
    background-image: url(/projects/genome/browser/img/exon-next-d.png);
}
.gb-exon-page-go.gb-prev {
    background-image: url(/projects/genome/browser/img/exon-prev-d.png);
}
.gb-exon-page-go.gb-enabled.gb-next {
    background-image: url(/projects/genome/browser/img/exon-next.png);
}
.gb-exon-page-go.gb-enabled.gb-prev {
    background-image: url(/projects/genome/browser/img/exon-prev.png);
}

.gb-exon-page-go:hover {
    border-color:#68F;
}

.gb-exon-page-go img {
    cursor: pointer;
}

.gb-exon-page {
    display: inline-block;
    white-space: normal;
}

.gb-exon-page-exons {
    white-space: nowrap;
    height: 1.667em;
}

.gb-exon-details-wrap {
    white-space: nowrap;
    padding: 0 .833em 0 3.333em;
}


.gb-exon-page-details {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1em;
    font-size: 10px;
    color: #606060;
    white-space: normal;
    cursor: default;
}

.gb-exon-page-body {
    overflow: hidden;
    height: 15px;
/*    min-width: 200px;*/
}

.gb-exon-page-body ul {
    white-space: nowrap;
    margin: 5px 0 0;
}

.gb-exon-page-body li {
    display: inline-block;
    width: 9px;
    height: 7px;
    background-image: url(/projects/genome/browser/img/dot.png);
    background-repeat: no-repeat;
    margin: 0 0 0 1px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    cursor: default;
}

.gb-exon-page-body li:hover {
    border-color: #68F;
}
.gb-exon-page-body li.gb-active, .gb-exon-page-body li.gb-active.gb-dim {
    background-image: url(/projects/genome/browser/img/dotB.png);
}
.gb-exon-page-body li.gb-hlt {
    background-image: url(/projects/genome/browser/img/dotH.png);
}
.gb-exon-page-body li.gb-dim {
    background-image: url(/projects/genome/browser/img/dotD.png);
}

.gb-exon-page-body li.gb-next {
    background-image: url(/projects/genome/browser/img/dot3.png);
}

.gb-exon-page-body li.gb-prev {
    background-image: url(/projects/genome/browser/img/dot3.png);
}

.gb-exon-split {
    margin: -.167em .167em;
    width: .083em;
    height: 3em;
    background-color: #78A;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

.gb-exon-gene-wrap {
    display: inline-block;
    padding: .167em 0 0;
}

.gb-exon-genes .gb-exon-split {

}

.gb-exon-wrap ::selection {
    color: red;
    background-color: yellow;
}

.gb-exon-wrap ::-moz-selection {
    color: red;
    background-color: yellow;
}

.gb-exon-flanks .gb-exon-split {
    margin: 0;
    height: 1.5em;
    position: relative;
    top: -.25em;
}

.gb-exon-flanks {
    white-space: nowrap;
    margin: 0 -.417em 0 0;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #78A;
}

.gb-exon-flank {
    font-size: 11px;
    color: #444;
    display: inline-block;
    width: 50%;
    height: 1.364em;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.gb-exon-flank.gb-left {
    text-align: left;
}
.gb-exon-flank.gb-right {
    text-align: right;
}

.gb-exon-flank a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 .455em .182em;
    color: inherit;
    height: 100%;
    min-width: 80px;
}

.gb-exon-flank.gb-left a {
    border-width: 0 1px 0 0;
}
.gb-exon-flank.gb-right a {
    border-width: 0 0 0 1px;
}

.gb-exon-flank a:hover {
    color: #13C;
}

.gb-exon-flank a.gb-no-gene {
    display: none;
}

.gb-exon-flank a .gb-left {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    background-position: -99px -16px;
    margin:0 .182em;
}

.gb-exon-flank a .gb-right {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    background-position: -35px -17px;
    margin:0 .182em;
}

.gb-exon-slider {
    margin: 5px 0 0;
    padding: 0 5px;
    height: 2px;
}

.gb-exon-page-wrap:hover .gb-exon-slider {
    background-color: #8AC;
}

.gb-exon-slider > div {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
}

.gb-exon-page-wrap:hover .gb-exon-slider > div {
    background-color: #CEF;
}

.gb-exon-range {
    margin: 0;
    left: 0;
    padding: 0;
    height: 0;
}
.gb-exon-range > div {
    position: relative;

    width: 1px;
    height: .5em;
    display: none;
}
.gb-exon-page-wrap:hover .gb-exon-range > div.gb-middle {
    background: no-repeat center top url(/projects/genome/browser/img/loc-b.png);
    width: 9px;
    margin-left: -4px;
}
.gb-exon-page-wrap:hover .gb-exon-range > div.gb-left {
    background: no-repeat center top url(/projects/genome/browser/img/loc-left-b.png);
    width: 5px;
    margin-left: -5px;
}
.gb-exon-page-wrap:hover .gb-exon-range > div.gb-right {
    background: no-repeat center top url(/projects/genome/browser/img/loc-right-b.png);
    width: 5px;
    margin-left: 0;
}

.gb-exon-range > div.gb-left,  .gb-exon-range > div.gb-right, .gb-exon-range > div.gb-middle{
    display: block;
}

.gb-exon-page-wrap:hover .gb-exon-range > div {

}

.gb-exon-mask-wrap {
    height: 0;
}

.gb-exon-mask {
    display: none;
    height: 3em;
    position:relative;
    top: -1px;

    background-color:#ACF;
    opacity: .50;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.gb-loading .gb-exon-mask {
    display: block;
}

.gb-exon-transcript-set {

}

.gb-no-transcripts .gb-exon-transcript-set {
    display: none;
}

.gb-no-transcripts .gb-exon-page-exons,
.gb-no-transcripts .gb-exon-details-wrap {
    display: none;
}

.gb-no-transcripts .gb-exon-page-msg {
    display: block;
}


.gb-exon-msg {
    text-align: center;
    font-size: 12px;
    color: #FFC;
    height: 0;
}

.gb-exon-msg > span {
    display: inline-block;
    padding: .167em 2em;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/warning.gif);
    background-position: left top;
    background-size: 1.33em 1.33em;
}

.gb-exon-msg > span.gb-error {
    font-size: 12px;
    color: #A00;
    border: none;
    background-color: transparent;
}

.gb-exon-msg > span.gb-warning {

}


.gb-exon-page-msg {
    height: 0;
    padding: .33em 1.67em;
    margin: 0;
    display: none;
    color: #606060;
}

.gb-exon-msg-header {
    display: none;
    color: #FFC;
    font-size: 12px;
    font-weight: bold;
    padding: .167em 1.667em;

    border-style: solid;
    border-width: 0 0 1px;
    border-color: #FFC;
}

.gb-no-genes .gb-exon-msg-header,
.gb-more-genes .gb-exon-msg-header,
.gb-hidden .gb-exon-msg-header {
    display: block;
}

.gb-exon-msg-border {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #FFC;
    height: 2px;
}

.gb-exon-gene-spare {
    display: none;
    white-space:nowrap;
}

.gb-no-genes .gb-exon-gene-spare,
.gb-more-genes .gb-exon-gene-spare {
    display: block;
}

.gb-errors.gb-no-genes .gb-exon-gene-spare,
.gb-errors.gb-more-genes .gb-exon-gene-spare,
.gb-errors .gb-exon-gene-spare {
/*    display: none;*/
}

.gb-exon-gene-spare > span {
    border-style: solid;
    border-color: #FFC;
    border-width: 0;
    vertical-align: top;
/*    height: 20px; */
}

.gb-exon-gene-spare .gb-exon-flank {

}

.gb-exon-gene-spare .gb-exon-flank a {
    border-color: #FFC;
    border-style: solid;
    display: inline-block;
    margin: 0;
    padding: .182em .909em;
    height: 1.636em;
}

.gb-exon-gene-spare .gb-exon-flank span {
    background-repeat: no-repeat;
}

.gb-exon-gene-spare .gb-left span {
    background-position: right center;
    background-image: url(/projects/genome/browser/img/prev.png);
    padding-right: 2em;
}

.gb-exon-gene-spare .gb-right span {
    background-position: left center;
    background-image: url(/projects/genome/browser/img/next.png);
    padding-left: 2em;
}

.gb-exon-mode {
    font-weight: bold;
    color: #66F;
    font-size: 11px;
    text-shadow: .091em .091em .182em #88F;
    
    position: absolute;
    right: .909em;
    width: 1.667em;
    height: 1.091em;
    margin: -.455em 0 0;
    cursor: pointer;
}

.gb-exon-navigator {
    margin: 0;
}

@media print {
    .gb-exon-navigator {
        display: none;
    }
}
/*
 * $Id: gb-search.css 532428 2017-04-05 12:55:16Z ananiev $
 */

.gb-search {
    font-size: 11px;
    line-height: 1.364;
    font-family: arial, helvetica, sans-serif;
}

.gb-search > h3 {
    display: none;
}

.gb-search-help {
    line-height: 1.45;
    margin-left: 2.73em;
    color: #777;
}

div.gb-search-help > p {
    height: 1em;
    margin: 0 .417em 0 0;
    cursor: pointer;
    text-align:right;
}

.gb-search-help > p:hover > span {
    text-decoration: underline;
}

.gb-search-help > p > span {
    display: inline-block;
}

.gb-search-help ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 10em;
    color:#606060;
    background-color: white;
    margin: .18em 0 0;
    padding: .417em 1.82em;
    border: solid 1px #CCC;
    border-radius: .417em;
    width: 13.64em;
    z-index: 20050;
}

.gb-search:hover .gb-search-help.open > ul {
    display: block;
}

.gb-search-help.open > ul > li:hover {
    color: #F77;
}

.gb-search-help  li {
    padding: 1px 0;
    cursor: pointer;
}

.gb-search:hover .gb-search-help > p > span {
/*    display: inline-block; */
}

.gb-search.no-term-search .gb-search-help .term-search {
    display: none;
}
.gb-search.no-band-search .gb-search-help .band-search {
    display: none;
}
.gb-search .comment {
    margin: 0 .455em 0 0;
    text-align: right;
}
.gb-search-help li > span {
    margin-left: 1.818em;
    color: #808080;
}

.gb-search-ctrl {
    height: 1.91em;
    white-space: nowrap;
}

.gb-search label {
    font-weight: bold;
    color:#404040;
    font-size: 12px;
}

.gb-search-ctrl input {
    position: relative;
    left: -1.6em;
    vertical-align: baseline;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    width: 19em;
    padding: .167em 2em .167em 1.8em;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/goArrow17.png);
    background-size: 1.417em 1.25em;
    border-style:solid;
    border-width: 1px;
    border-color: #C0C0C0;
    border-radius:.25em;
}

.gb-search-ctrl .gb-search-go {
    font-size: 12px;
    display: inline-block;
    position: relative;
    left: -3.0em;
    vertical-align: top;
    width: 1.35em;
    height: 1.583em;
}

.gb-loading .gb-search-ctrl input {
    background-image: url(/projects/genome/browser/img/wait.gif);
    background-size: 2.083em 2.083em;
}

/* prevent IE10 clear */
.gb-search-ctrl input::-ms-clear {
    display: none;
}


.gb-search-ctrl label {
    display:inline-block;
    position: relative;
    width: 1.5em;
    height: 1.25em;
    padding: .167em 0;
    vertical-align: top;
    background-repeat:no-repeat;
    background-position:center center;
    background-image: url(/projects/genome/browser/img/search-h.png);
    background-size: 1.5em 1.08em;
    z-index:10;
}

.gb-search-help .gb-icon {
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;
    vertical-align: baseline;
    background-position: -32px -17px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0;
}

.gb-search .open .gb-icon {
    background-position: -64px -16px;
}

.results-closed .content-results {
    display:none;
}

.results-closed .content-header {
    display:none;
}

.gb-search .content-results {
    margin: .182em 0 0;
}

.gb-search .grid-results {
    margin:0;
}

.gb-search h4.content-header span.gb-icon {
/*    background-image: url(/core/jig/1.10/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;*/
    background-position: -32px -16px;
}

.results-open h4.content-header span.gb-icon {
    background-position: -64px -16px;
} 

.gb-search-header {
    color:#608090;
    padding: .909em 1.818em .182.em;
    display: none;
}
.gb-search-header > span {
    margin: 0 .909em 0 0;
}
.gb-search-header > span.gb-search-term {
    color:#606060;
    margin:0;
}

.gb-search .content-grid {
    font-size: 11px;
    margin: 0;
    display: none;
}

.gb-search .content-grid.gb-active {
    display: block;
}

.gb-search.gb-float .content-results {
    z-index: 60010;
    display: none;
    width: 590px;
    padding: 0 20px 20px;
    border-width: 1px;
    border-style: solid;
    border-color:#C0C0C0;
    background-color: white;
}

.gb-search .gb-search-header .gb-search-close img {
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/projects/genome/browser/img/close.png);
}

.gb-search.results-open.gb-float .content-results {
    position: absolute;
    display: block;
    z-index: 60010;
    box-shadow: 5px 5px 20px gray;
    border-radius: 10px;
}

.gb-search .content-grid .num {
    text-align:right;
}
.gb-search .content-grid .center {
    text-align:center;
}

.gb-search h4.content-header {
    margin: 5px 0;
    padding: 0 0 0 10px;
    cursor: pointer;
    display: none;
}

.gb-search.gb-float h4.content-header {
    display: block;
}

.results-closed.gb-float h4.content-header {
    display: none;
}

.gb-search.gb-float .gb-search-header {
    display: block;
}

.gb-search .content-grid .ctrl span {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.gb-search .content-grid tr:hover .ctrl span {
    background-image: url(/projects/genome/browser/img/goto.png);
}

.gb-search table {
    border-collapse: collapse;
    width: 100%;
}

.content-results div.grid-header {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 1px 1px 1px 1px;
}

.content-results.gb-tabs-enabled div.grid-header {
    border-width: 0 0 1px 1px;
}

.gb-float .content-results.gb-tabs-enabled div.grid-header {
    border-width: 0 1px 1px 1px;
}

.content-results div.grid-results {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 0 0 1px 1px;
    max-height: 14em; /* 19 x 8 */
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.gb-float .content-results div.grid-results {
    border-width: 0 1px 1px 1px;
}

.gb-search table th {
    padding: .182em;
    border-style:solid;
    border-color: #C0C0C0;
    border-width: 0 0 0 1px;
    background-color:#F8FAFF;
    color: #608090;
    font-weight: normal;
    font-style: normal;
    cursor: default;
}

.gb-search table th:first-child {
    border-color: transparent;
}

.gb-search table th > span {
    display: inline-block;
    width: 100%;
    height: 1.2em;
    cursor: default;
}

.gb-search table th.gb-sort-asc, .gb-search table th.gb-sort-dsc {
    background-color: #e5edff;
}

.gb-search table th.gb-sort-asc > span {
    background-image: url(/projects/genome/browser/img/up-down11u.png);
    background-repeat: no-repeat;
    background-position: right center;

}

.gb-search table th.gb-sort-dsc > span {
    background-image: url(/projects/genome/browser/img/up-down11d.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.gb-search table th.gbs-name.gb-sort-uid > span {
    background-image: url(/projects/genome/browser/img/sort-uid11.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.gb-search table td {
    padding: .273em .182em;
    line-height: 1.2;
    height: 1.2em;
    vertical-align:top;
    white-space: nowrap;
    cursor: default;
}

.gb-search table .ctrl {
    padding: .273em 0 .273em .182em;
}

.gb-track-grid td > span {
    display: inline-block;
    overflow:hidden;
}

.gb-track-grid .gbs-name {
    width: 8.182em;
}

.gb-track-grid .grid-data .gbs-name > span {
    width: 8.182em;
}

.gb-track-grid table th > span:hover {
    text-decoration: underline;
    color: #CC8090;

}

.gb-track-grid table .gbs-chrom,
.gb-track-grid table .gbs-chrom > span {
    width: 5.455em;
}

.gb-track-grid .grid-data .gbs-location,
.gb-track-grid .grid-data .gbs-location > span {
    width: 14.727em;
}

.gb-data .grid-data ::selection,
.gb-track-grid .grid-data ::selection {
    color: red;
    background-color: yellow;
}

.gb-data .grid-data ::-moz-selection,
.gb-track-grid .grid-data ::-moz-selection {
    color: red;
    background-color: yellow;
}

.gb-search table td.ctrl span {
    display: inline-block;
    width: 1em;
}

.gb-search .gb-search-comment {
    margin: .455em 0 -.455em;
}

.gb-search tr {
    -webkit-transition-property:color, background-color;
    -webkit-transition-duration: 400ms, 400ms;
    -webkit-transition-timing-function: ease;
    -moz-transition-property:color, background-color;
    -moz-transition-duration: 400ms, 400ms;
    -moz-transition-timing-function: ease;
    -ms-transition-property:color, background-color;
    -ms-transition-duration: 400ms, 400ms;
    -ms-transition-timing-function: ease;
    -o-transition-property:color, background-color;
    -o-transition-duration: 400ms, 400ms;
    -o-transition-timing-function: ease;
    transition-property:color, background-color;
    transition-duration: 400ms, 400ms;
    transition-timing-function: ease;
}

.gb-search tr.gb-hlt {
    -webkit-transition-duration: 50ms, 50ms;
    -moz-transition-duration: 50ms, 50ms;
    -ms-transition-duration: 50ms, 50ms;
    -o-transition-duration: 50ms, 50ms;
    transition-duration: 50ms, 50ms;
}

.gb-search tr.gbs-odd {
    background-color:#F0F8FF;
}

.gb-search.loading tr,
.gb-search.loading tr.gbs-odd,
.gb-search.loading tr:hover,
.gb-search.loading tr.gbs-odd:hover,
.gb-search.loading tr.gb-hlt {
    background-color:#b8d6ff;
    color: #BCF;
}

.gb-search tr:hover,  .gb-search tr.gbs-odd:hover {
    background-color:#b8d6ff;
}

.gb-search .content-tabs {
    white-space: nowrap;
    border-bottom: solid 1px #CCC;
    margin: .182em 0 0 0;
    padding: 0 .455em 0 .909em;
    display: none;
}

.gb-search .gb-tabs-enabled .content-tabs {
    display: block;
}

.gb-search .content-tabs li {
    color: #EEF;
    background-color: #AAA;
    display: none;
    padding: .273em .909em .455em .909em;
    margin: 0 1px -1px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 5px 5px 0 0;
    font-size: italic;
    font-style: italic;
    text-shadow: .1em .1em .2em #AAA;
    cursor: pointer;
}

.gb-search .content-tabs li.gb-enabled {
    display: inline-block;
}

.gb-search .content-tabs li:hover {
    color: #FFF;
    text-shadow: .1em .1em .2em #777;
}

.gb-search .content-tabs li.gb-active {
    font-weight: bold;
    color: #202070;
    background-color: #F8FAFF;
    border-color: #CCF #CCF #EEE;

    background-image: -webkit-linear-gradient(top,#F8FAFF,#F0F2F8);
    background-image: -moz-linear-gradient(top,#F8FAFF,#F0F2F8);
    background-image: -ms-linear-gradient(top,#F8FAFF,#F0F2F8);
    background-image: -o-linear-gradient(top,#F8FAFF,#F0F2F8);
    background-image: linear-gradient(top,#F8FAFF,#F0F2F8);
}

.gb-search .content-tabs li.gb-active:hover {
    color: #985735;
    text-shadow: .1em .1em .2em #EDC;
}

.gb-section .gb-search .content-grid {
    margin: 0;
}

.gb-section .gb-search table td.gbs-range {
    width: auto;
}

.gbs-location > span {
    display: inline-block;
    overflow: hidden;
}

.gb-search .gb-search-comment {
    margin: 0;
}

tr.gbs-odd {
    background-color: #e5f0ff;
}

@media print {
    .gb-search-help {
        display: none;
    }
}

/*
 * $Id: gb-search-history.css 476732 2015-08-21 13:58:00Z ananiev $
 */

.gb-search-history {
    display: none;
    position: absolute;
    padding: 10px 0;
    background-color: white;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px gray;
    z-index: 60010;
    font-size: 12px;
}

.gb-search-history.gb-fixed {
    position: fixed;
}

.gb-search-history p.gb-list-header {
    padding: 0 20px 4px;
    color: #808080;
    cursor: default;
    border-bottom: solid 1px #CCC;
}
.gb-search-history p.gb-command-clear {
    color: #202020;
    border-top: solid 1px #CCC;
    padding: 4px 20px 0;
    cursor: default;
}

.gb-search-history  ul.gb-list {
    padding: 5px 20px 5px 30px;
}

.gb-search-history  ul.gb-list li {
    color: #202020;
    cursor: default;
    padding: 2px 0;
}

.gb-search-history  ul.gb-list li:hover, .gb-search-history p.gb-command-clear:hover {
    color: #FF2020;
}

.gb-search-history .gb-list-empty {
    padding: 0 20px 4px;
    color: #808080;
    cursor: default;
    display: none;
}

.gb-search-history.gb-empty p.gb-list-empty {
    display: block;
}

.gb-search-history.gb-empty ul, .gb-search-history.gb-empty p {
    display: none;
}
.gbt-search-help {
    line-height: 1.45;
    height: 1em;
    margin: 0 .455em .09em 2.727em;
    color: #777;
}

.gbt-search-help > * {
    display: none;
}

.gb-section:hover .gbt-search-help > p {
    display: block;
}

.gbt-search-help > ul {
    position: absolute;
    list-style-type: none;
    padding: 1em 2em;
    color: #807040;
    left: 15em;
    border: solid 1px #CCC;
    border-radius: 5px;
    background-color: white;
    width: 15em;
    z-index: 20050;
}

.gb-section:hover .gbt-search-help.open > ul {
    display: block;
}

.gbt-search-help > p {
    cursor: pointer;
    text-align: right;
}

.gbt-search-help > p:hover {
    text-decoration: underline;
}

.gbt-search-help li {
    padding: .09em 0;
    cursor: default;
}

.gbt-search-help li a {
    padding: 0 .455em 0 .909em;
    cursor: pointer;
    color: #444;
    text-decoration: underline;
}
.gbt-search-help li:hover a {
    color:#F77;
}

.gbt-search-help .gb-icon {
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;
    background-position: -32px -17px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 16px;
    width: 16px;
    height: 16px;
    margin: 0;
}
.gbt-search-help.open .gb-icon {
    background-position: -64px -16px;
}

.gbt-search .comment {
    text-align: right;
    padding: 0 .455em;
}

@media print {
    .gbt-search-help {
        display: none;
    }

    .gb-grid-details-wrap {
        display: none;
    }
}

/*
 * $Id: gb-track-table.css 532428 2017-04-05 12:55:16Z ananiev $
 */

.gb-grid-ctrl {
    text-align: right;
    height: 0;
}

.gb-grid-ctrl .gb-col-info {
    display: inline-block;
    position: relative;
    z-index: 50;
    margin: 1px 0 0;
    cursor: pointer;
    width: 1.545em;
    height: 1.545em;
    background-image: url(/projects/genome/browser/img/pen-13b.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 0 1px;
}

.gb-col-panel {
    display: none;
    position: absolute;
    z-index: 60020;
    overflow: hidden;
}

.gb-col-panel .gb-panel-wrap {
    box-shadow: 1em 1em 2em gray;
    padding: 0;
    border: solid 1px #CCC;
    border-radius: 5px;
    background-color: #EEE;
    cursor: default;
}

.gb-col-panel .gb-bar {
    height: auto;
    margin: 0;
    text-align: right;
    padding: .182em 0;
    border-bottom: solid 1px #CCC;
}

.gb-col-panel .gb-bar > span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: .182em;
    background-image: url(/projects/genome/browser/img/close11.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.gb-col-panel .gb-content-wrap {
    max-height: 18em;
    border-width: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-y: auto;
    overflow-x: visible;
    background-color: white;
}

.gb-col-panel ul {
    background-color: #808080;
}

.gb-col-panel li {
    background-color: white;
    white-space: nowrap;
    padding: .091em 3em .091em 2em;
    border-style: solid;
    border-color: transparent;
    border-width: 1px 0;
    margin: 0;
}
.gb-col-panel li.gb-flat {
    color: #420;
}

.gb-col-panel li:hover {
    border-color: #CCD;
    background-color: #F0F0FF;
}

.gb-col-panel li > span {
    margin-left: 10px;
}

.gb-col-panel .gb-comment {
    padding: .455em 1.818em;
    color: #777;
    border-top: solid 1px #CCC;
}

.gb-col-panel li.gb-drag,
.gb-grid-body li.gb-drag {
    position: relative;
    background-color: #EEE;
    opacity: 0.8;
    z-index: 100000;
    color: #444;
    cursor: move;
}

.gb-col-panel ul.gb-drag,
.gb-grid-body ul.gb-drag {
    background-color: #444;
}

/* grid */

.gb-grid > ul {
    margin: 0;
    display: inline-block;
    min-width: 100%;
}


.gb-grid li {
    white-space: nowrap;
/*    display: inline-block;
    min-width: 100%; */
}

.gb-grid table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.gb-grid-header li {
    display: table-row;
}

.gb-grid li > .gb-col {
    display: inline-block;
}

.gb-grid {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 1px 0 1px 0;
    overflow: hidden;
}

.gb-focus .gb-grid {
    border-color: #8080F0;
}

.gb-grid-body {
    color: #101010;
    overflow:auto;
    overflow-y:auto;
    overflow-x:visible;
    height: 27em;
    border-width: 0 1px 1px 1px;
}

.gb-grid-header {
    overflow: hidden;
    border-width: 1px;
    padding: .273em 0 0;
}
.gb-grid.gb-grid-header {
    padding: 0 2em 0 0;
    background-image: -webkit-linear-gradient(top, #F7FDFF, #C3D0E1);
    background-image: -moz-linear-gradient(top, #F7FDFF, #C3D0E1);
    background-image: -ms-linear-gradient(top, #F7FDFF, #C3D0E1);
    background-image: -o-linear-gradient(top, #F7FDFF, #C3D0E1);
    background-image: linear-gradient(top, #F7FDFF, #C3D0E1);
}

.gb-grid.gb-grid-header > div {
    overflow: hidden;
}

.gb-grid-body li > .gb-col {
    padding: .182em .455em;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: transparent;
}

.gb-grid-body li > .gb-col > span {
    display: inline-block;
    vertical-align: top;
/*    white-space: normal;  */
}

.gb-grid-header th {
    width: 1.818em;
}

.gb-grid-header th,
.gb-grid-header li > .gb-col {
    padding: .182em .455em .182em;
    background-color: transparent;
    border-style:solid;
    border-color: #C0C0C0;
    border-width: 0 0 0 1px;
    text-align: left;
    vertical-align: top;
    height: 100%;
}

.gb-grid .gb-col-ctrl,
.gb-grid li .gb-col-ctrl {
    width: 1.455em;
    padding: .182em 0 .182em 1.182em;
}

.gb-grid-header li .gb-col.gb-col-ctrl, /* do need li here ? */
.gb-grid-header li .gb-col.gb-col-b,
.gb-grid-header .gb-col.gb-col-ctrl, /* do we need th here */
.gb-grid-header .gb-col.gb-col-b {
    border-color: transparent;
}

.gb-grid-header .gb-col.gb-tail {
    border: none;
    width: 60em;
}
.gb-grid-body .gb-col.gb-tail {
    border: none;
    width: .909em;
}

.gb-grid-body input[type='checkbox'] {
    margin: 0;
}

.gb-grid-body li {
    background-color:white;
    cursor: default;
}

.gb-grid-body li:hover {
    background-color:#CDF;
}

.gb-grid-body .gb-odd {
    background-color: #C9EDFF;
}
.gb-grid-body .gb-odd:hover {
    background-color: #BED0F4;
}

.gb-grid-body .gb-add .gb-col-ctrl {
    background-image: url(/projects/genome/browser/img/bullet-green.png);
    background-repeat: no-repeat;
    background-position: 2px center;
/*    background-color: #9AFF7B; */
}

.gb-grid-body .gb-add:hover {
/*    background-color: #7FCC67; */
}

.gb-grid-body .gb-current {
    color: #808080;
}

.gb-grid-body .gb-remove {
    color: #404040;
/*    background-color: #FFB1FA; */
}

.gb-grid-body .gb-remove .gb-col-ctrl {
    background-image: url(/projects/genome/browser/img/bullet-red.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}

.gb-grid-body .gb-remove:hover {
/*    background-color: #D98ED4; */
}

.gb-grid.gb-grid-header .gb-loading .gb-col-ctrl {
    background-image: url(/projects/genome/browser/img/wait.gif);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
}

.gb-grid-body .gb-selected,
.gb-grid-body .gb-selected:hover {
    background-color: #AAA;
    color: #101000;
}

.gb-focus .gb-grid-body .gb-selected,
.gb-focus .gb-grid-body .gb-selected:hover {
    background-color: #0080FF;
    color: #FFFFF0;
}

.gb-grid-body .gb-add.gb-selected {
/*    background-color: #0080FF;
    color: #FFFFF0; */
}

.gb-grid-body .gb-remove.gb-selected {
/*    background-color: #0080FF;
    color: #FFFFF0; */
}

.gb-grid-body.gb-loading {
    background-color: #DEF;
}

.gb-grid-body.gb-loading li {
    color: #BBC!important;
    background-color: #DEF!important;
}
.gb-grid-body.gb-loading a {
    color: inherit!important;
}

.gb-grid-body.gb-loading li .gb-col-ctrl input {
    display: none!important;
}

.gb-grid-header th,
.gb-grid-header li {
    font-weight: normal;
    color: #447;
}

.gb-grid .gb-grid-tail {
    padding: .21em 1.667em;
    font-size: 24px;
    text-align: center;
    color: #808080;
}



.gb-track-preview {
    visibility: hidden;
    position: absolute;
    opacity: .85;
    z-index: 60100;
    padding: 0;
    height: 40px;
    width: 270px;
}

.gb-track-preview span {
    color: #202020;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    position: absolute;
    top:2px;
    left: 20px;
    padding: 2px 20px;
    height: 16px;
    border: none;
    background-color: #F8F8F8;
}
/*
 * $Id: gb-region-navigator.css 522289 2016-12-16 19:06:05Z ananiev $
 */

.gb-region-navigator {
}

.gb-region-navigator h3 {
    font-size: 17px;
    padding: .294em 0 .294em 1.176em;
    margin-right: -1px;
}

.gb-section {
    background-color: #F8F8F8;
    padding: 0;
    margin: 0 0 -1px;
}
.gb-section:hover {
    background-color: white;
}

.gb-section .gb-section-body {
    display: none;
    overflow:hidden;
}
.gb-section.gb-no-animate .gb-section-body {
    overflow: visible;
}

.gb-section.gb-open .gb-section-body {
    display: block;
    padding: .455em 0 .455em .91em;
}
.gb-section .comment {
    color: #707070;
    display: block;
}
.gb-section:hover .comment {
    color: #808080;
}

.gb-section.gb-open {
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 1px;
}
.gb-section:first-child {
    margin: -1px 0;
}

.gb-section > h4 {
    font-size: 12px;
    line-height: 1.333;
    padding: .083em .833em .083em 0;
    margin: 0;
    background-color: #EEE;
    background-image: -webkit-linear-gradient(top,#FFF,#d5d9dd);
    background-image: -moz-linear-gradient(top,#FFF,#d5d9dd);
    background-image: -ms-linear-gradient(top,#FFF,#d5d9dd);
    background-image: -o-linear-gradient(top,#FFF,#d5d9dd);
    background-image: linear-gradient(top,#FFF,#d5d9dd);

    border-color: #DDD #E0E0E0 #AAA;
    border-style: solid;
    border-width: 1px 0 1px 0;
    cursor: default;
}

.gb-section.gb-open.gb-disabled .gb-section-body {
    display: none;
}
.gb-section.gb-disabled > h4 {
    color: #808080;
}

.gb-section.gb-open > h4 {

}

.gb-section > h4 > span:first-child {
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;
    background-position: -32px -16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

.gb-section-body h4 > span {
    background-image:none;
}

.gb-section-body h4 {
    background-image: none;
    background-color: transparent;
    border: none;
}

.gb-section.gb-open > h4 > span:first-child {
    background-position: -64px -16px;
    top: 4px;
}

.gb-section > div {

}

.gb-section.gb-open > div {

}


/* User Data */

.gb-pull-down-wrap li.gb-track-added {
    font-weight: bold;
}

.gb-pull-down-wrap span.gb-mark {
    display: inline-block;
    width: 15px;
    margin: 0;
}

.gb-track-grid {
    display: none;
}

.gb-track-data.gb-open .gb-track-grid {
    display: block;
    padding: 0 0 .182em .636em;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 1px;
    margin: 0 0 0 -.636em;
}

.gb-track-info {
    display: none;
}

.gb-track-grid table {
    width: 100%;
}

.gb-track-grid .grid-comment {
    font-size: 11px;
    color: #888;
}

.gb-track-grid div.grid-header {
    border-style: solid;
    border-color: #CCC;
    border-width: 1px 0 1px 1px;
}

.gb-track-grid div.grid-data-wrap {
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 1px 1px;
}

.gb-track-grid div.grid-data {
    min-height: 5.5em;
}

.gb-track-grid table th {
    padding: .182em .364em .182em .091em;
    border-style:solid;
    border-color: #CCC;
    border-width: 0 0 0 1px;
    background-color:#F8FAFF;
    color: #608090;
    font-weight: normal;
    font-style: normal;
}

.gb-track-grid table th:first-child {
    border-color: transparent;
    border-width: 0;
}

.gb-track-grid table th.gb-acc {
    border-width: 1px 0 0;
    border-color: #CCC;
    background-color: #9CF;
    text-align: left;
    padding: .182em .45em .182em 1.82em;
    font-style: italic;
    color: #333;
}

.gb-track-grid table td {
    padding: .273em .364em .273em .182em;
    vertical-align:top;
    white-space: nowrap;
    cursor: default;
}

.gb-track-grid table td > span {
    display: inline-block;
    overflow:hidden;
    height: 1.182em;
}

.gb-track-data .grid-ctrl {
    text-align: left;
    white-space: nowrap;
    padding: .182em 0 .182em .182em;
    margin: 0;
}

.gb-track-data .grid-ctrl span {
    display: inline-block;
    padding: .182em;
    border: solid 1px #EEE;
    vertical-align: top;
}

.gb-track-data .grid-ctrl input[type="text"] {
    width: 2.727em;
    margin: 0 .182em;
    vertical-align: top;
}

.gb-track-data .grid-ctrl input[type='image'] {
    display: inline-block;
    vertical-align: top;
    width: 1.364em;
    height: 1.364em;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    margin: 0;
}

.gb-track-data .grid-ctrl input[type='image']:hover {
    border-color: #CCF;
}

.gb-track-data .grid-ctrl select {
    width: 14em;
    max-width: 14em;
    margin: .273em .909em 0 0;
    vertical-align: top;
}

.gb-track-data .grid-ctrl-info {
    text-align: right;
    white-space: nowrap;
    padding: 0 .455em;
    margin: 0 0 0 -.909em;
}

.gb-track-data .grid-ctrl-info label {
    color: #608090;
    margin: 0;
    vertical-align: top;
    text-align: center;
    min-width: 10.909em;
    display: inline-block;
}

.gb-grid-details-wrap {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 20050;
    min-width: 27.273em;
    padding: 0 0 0 14px;
}

.gb-grid-details-wrap > div {
    padding: 1em 1em 1em 0;
    border: solid 1px #CCC;
    border-radius: 5px;
    box-shadow: .5em .5em 1em #777;
    background-color: #FEFEFE;
}
.gb-grid-details-wrap ul {
    list-style-type: none;
}

.gb-grid-details-wrap .gb-grid-details-at {
    position: absolute;
    left: 0;
    top: 1em;
    width: 15px;
    height: 20px;
}

.gb-grid-details-wrap .gb-grid-details {
    color: #808080;
    font-size: 11px;
    font-weight: normal;
    min-height:3em;
    padding: .2em .5em;
}

.gb-grid-details h4 {
    color: inherit;
    border-bottom: solid 1px #CCC;
    padding: 0 1.82em .45em;
    margin: 0 0 .182em;
}

.gb-grid-details li {
    padding: .182em;
}

.gb-grid-details .gb-header {
    padding: 0 .455em 0 0;
    color: #8090B0;
}

.gb-grid-details-wrap .gb-separator {
    padding: 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #FFF #FFF #CCC;;
}

.gb-track-data tr {
    -webkit-transition-property:color, background-color;
    -webkit-transition-duration: 400ms, 400ms;
    -webkit-transition-timing-function: ease;
    -moz-transition-property:color, background-color;
    -moz-transition-duration: 400ms, 400ms;
    -moz-transition-timing-function: ease;
    -ms-transition-property:color, background-color;
    -ms-transition-duration: 400ms, 400ms;
    -ms-transition-timing-function: ease;
    -o-transition-property:color, background-color;
    -o-transition-duration: 400ms, 400ms;
    -o-transition-timing-function: ease;
    transition-property:color, background-color;
    transition-duration: 400ms, 400ms;
    transition-timing-function: ease;
}
.gb-track-data tr.gb-hlt {
    -webkit-transition-duration: 50ms, 50ms;
    -moz-transition-duration: 50ms, 50ms;
    -ms-transition-duration: 50ms, 50ms;
    -o-transition-duration: 50ms, 50ms;
    transition-duration: 50ms, 50ms;
}

.gb-track-data tr.gb-odd {
    background-color: #F0F8FF;
}

.gb-track-data tr.gb-odd:hover, .gb-track-data tr:hover {
    background-color: #b8d6ff;
}

.gb-track-data .ctrl span {
    display: inline-block;
    width: 1.455em;
    height: 1.455em;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: none;
}
.gb-track-data.gb-loading th.ctrl span {
    background-image: url(/projects/genome/browser/img/loading2.gif);
}

.gb-track-data td.ctrl {
    width: 1em;
    padding: .182em;
    text-align: right;
}

.gb-track-data tr td.ctrl span {
    cursor: pointer;
    width: 1em;
    height: 1.182em;
}
.gb-track-data tr:hover td.ctrl span {
    background-image: url(/projects/genome/browser/img/goto.png);
}

.gb-track-data th.ctrl {
    text-align:right;
    border-style: none;
}

.gb-track-data.gb-loading th, .gb-track-data.gb-loading td {
    color: #AAC!important;
    background-color: #DDE!important;
}

/* assembly selector */

.gb-assm-selector {
    margin: 0;
}

.gb-assm-selector select {
    max-width: 24.55em;
}

.gb-assm-selector-comment {
    text-align:right;
    font-size: 11px;
    padding: 0 .455em;
    color: #808080;
    line-height: 1;
}

.gb-roi-wrap {
    font-size: 11px;
    margin: .455em 0;
}
.gb-roi-wrap h4 {
    color: #606060;
    font-size: 11px;
}
.gb-roi-wrap h4 a,
.gb-roi-wrap h4 span {
    color: inherit;
    padding: 0 .455em;
}

.gb-roi-wrap .gb-track-grid {
    display: block;
}

.gb-roi-wrap .grid-data .gbs-name span,
.gb-roi-wrap .grid-data .gbs-name {
    width: 9.091em;
}

.gb-roi-wrap .grid-data .gbs-location span,
.gb-roi-wrap .grid-data .gbs-location {
    width: 13.636em;
}

.gb-roi-wrap .grid-data .ctrl span {
    display: inline-block;
    width: 1.182em;
    height: 1.182em;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.gb-roi-wrap .grid-data tr:hover .ctrl span {
    background-image: url(/projects/genome/browser/img/goto.png);
}

.gb-roi-wrap tr:hover {
    background-color: #b8d6ff;
}

/* history */

.gb-gene-history select {
    margin: 1.818em .909em .909em 0;
    width: 22.73em;
}

.gb-gene-history-comment {
    text-align: right;
    padding-right: 2em;
}

/* alts */

.gb-region-alts {
    margin: -.455em 0 0 -.909em;
    padding: .455em 0 .455em .909em;
    line-height: 1;
}

.gb-region-alts .gb-none,
.gb-region-alts .gb-info {
    padding: 0 .909em;
    font-style: italic;    
    display: none;
}

.gb-region-alts.gb-none .gb-none {
    display: inline-block;
}

.gb-region-alts.gb-alt .gb-back {
    display: block;
}

.gb-loading .gb-region-alts .gb-none,
.gb-loading .gb-region-alts .gb-back
{
    display: none;
}

.gb-loading .gb-region-alts .gb-info {
    display: inline-block;
}

.gb-region-alts.gb-none .gb-data {
    display: none;
}

.gb-region-alts .gb-back {
    padding: .455em .909em 0 0;
    font-style: italic;    
    display: none;
}
.gb-region-alts .grid-header {
    border-style: solid;
    border-color: #CCC;
    border-width: 1px 0 1px 1px;
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
}

.gb-region-alts div.grid-data {
    min-height: 5.5em;
}

.gb-region-alts th {
    padding: .273em .364em .273em .273em;
    border-style:solid;
    border-color: #CCC;
    border-width: 0 0 1px 1px;
    background-color:#F8FAFF;
    color: #608090;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

.gb-region-alts th:first-child {
    border-width: 0 0 1px 0;
}

.gb-region-alts td {
    padding: .273em .364em;
    vertical-align:top;
    white-space: nowrap;
    cursor: default;
    border-style: solid;
    border-color: transparent;
    border-width: 1px 0;
}

.gb-region-alts  .gb-row-header {
    padding: .273em .182em .273em 0;
    background-color:#b3d7ff;
    border-color: #CCC transparent #99bee6;
    color: #222;
    font-style: italic;
}

.gb-region-alts  .gb-row-header:hover {
    background-color: #80bfff;
}

.gb-region-alts .gb-row-header span {
    padding: 0 .455em 0 .91em;
}

.gb-region-alts .gb-row-header span.gb-header {
    padding: 0 .455em 0 1.82em;
    color: #555;
}

.gb-region-alts  .grid-header .gb-row-header {
    border-width: 0;
}

.gb-region-alts .grid-data tr:first-child {
    display: none;
}

.gb-region-alts td > span {
    display: inline-block;
    overflow:hidden;
}

.gb-region-alts .gb-name {
    width: 14em;
}
.gb-region-alts .gb-name > span{
    width: 8.727em;
}

.gb-region-alts .gb-type {
    padding: .273em .182em .273em .364em;
}

.gb-region-alts tr:hover .gb-type,
.gb-region-alts tr:hover .gb-row-header {
    background-image: url(/projects/genome/browser/img/goto.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.gb-region-alts tr {
    -webkit-transition-property:color, background-color;
    -webkit-transition-duration: 400ms, 400ms;
    -webkit-transition-timing-function: ease;
    -moz-transition-property:color, background-color;
    -moz-transition-duration: 400ms, 400ms;
    -moz-transition-timing-function: ease;
    -ms-transition-property:color, background-color;
    -ms-transition-duration: 400ms, 400ms;
    -ms-transition-timing-function: ease;
    -o-transition-property:color, background-color;
    -o-transition-duration: 400ms, 400ms;
    -o-transition-timing-function: ease;
    transition-property:color, background-color;
    transition-duration: 400ms, 400ms;
    transition-timing-function: ease;
}
.gb-region-alts tr.gb-hlt {
    -webkit-transition-duration: 50ms, 50ms;
    -moz-transition-duration: 50ms, 50ms;
    -ms-transition-duration: 50ms, 50ms;
    -o-transition-duration: 50ms, 50ms;
    transition-duration: 50ms, 50ms;
}

.gb-region-alts tr.gb-odd {
    background-color: #F0F8FF;
}

.gb-region-alts tr:hover, .gb-region-alts tr.gb-odd:hover {
    background-color: #D8E8FF;
}

.gb-region-alts div.grid-header {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 1px 0 1px 1px;
}
.gb-region-alts div.grid-data {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 0 0 1px 1px;
    max-height: 14.73em;
    min-height: 3.5em;
    overflow: auto;
}

.gb-region-alts table {
    width: 100%;
}

.gb-region-alts .ctrl {
    width: 1.818em;
    text-align: right;
}

.gb-region-alts .ctrl img {
    display: none;
    cursor: pointer;
}

.gb-region-alts tr:hover .ctrl img {
    display: inline;
}

.gb-region-alts.gb-unplaced {
    display: none;
}

.gb-region-alts.gb-unplaced .gb-back {
    display: none;
}

.gb-region-details h5 {
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    color: #606060;
    padding: .167em 0;
    margin: 0;
}

.gb-region-details.gb-loading h5 {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/projects/genome/browser/img/wait.gif);
    background-size: 2.08em 2.08em;
}

.gb-region-alts h6 {
    font-size: 11px;
    color: #222;
    padding: 0;
    margin: .182em 0;
    font-weight: normal;
}

.gb-region-alts h6 a {
    color: inherit;
}

.gb-region-issues {
    margin: .455em 0 0;
}

.gb-region-issues span {
    margin: 0 .455em 0 0;
}

.gb-region-issues .grc-add-track {
    display: none;
}

.gb-region-issues .grc-add-track.grc-visible {
    display: inline;
}

.gb-region-details-alt {
    color: #606060;
}

.gb-region-issues.gb-loading {
    color: gray;
    font-style: italic;
}

.gb-region-issues .grc-disabled a {
    color: gray;
    cursor: default;
}


.gb-mark-add, .gb-mark-remove {
    display: inline-block;
    width: 1.364em;
    height: 1em;
    position: relative;
    top: .182em;
    margin: 0 .455em 0 0;
    background-position: center center;
    background-repeat: no-repeat;
}

.gb-mark-remove {
    background-image: url(/projects/genome/browser/img/close11b.png);
}

li:hover .gb-mark-remove {
    background-image: url(/projects/genome/browser/img/close11w.png);
}

/* dataset selector */
.gb-ds-selector-comment {
    color: #555;
}

/* --- upload section --- */

.gb-file-upload {
    border: solid 2px transparent;
}

.gb-file-upload.gb-accept {
    border-color: blue;
}

.gb-hidden {
    display: none;
}

.gb-file-upload .gb-file-add-wrap {
    line-height: 1.364;
    padding: .182em 0;
}

.gb-file-upload .gb-file-add {
    vertical-align:top;
    display: block;
    height: 0;
    padding: 0 .455em;
    text-align:right;
    
}

.gb-file-upload .gb-file-add input {
    width: 1.364em;
    height: 1.364em;
    vertical-align:top;
    display: inline-block;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.gb-progress-wrap {
    padding: 0 1.7em;
    margin: .5em -.2em;
    font-size: 10px;
}

.gb-progress-wrap:first-child {
    margin-top: 1em;
    padding-top: .5em;
    border-style: solid;
    border-color: #CCC;
    border-width: 1px 0 0;
}

.gb-progress-bar {
    height: .3em;
    white-space: nowrap;
    border-color: #44F #00C #00A #44F;
    border-width: 1px;
    border-style: solid;
    background-color: #CCF;
    border-radius: 2px;
}

.gb-progress-bar > span {
    height: 100%;
    background-color:#77F;
    vertical-align: top;
    display: inline-block;
}

.gb-canceled .gb-progress-bar,
.gb-failed .gb-progress-bar {
    background-color:#FCC;
}

.gb-progress-title {
    font-size: 10px;
    padding: 0 0 0 .2em;
    display: inline-block;
    width: 100%;
    overflow:hidden;
}

.gb-progress-ctrl {
    height: 0;
    margin: 0 -.5em;
    white-space: nowrap;
}

.gb-progress-ctrl span {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    position: relative;
    top: -.4em;
    vertical-align: top;
    margin: 0;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}

.gb-progress-ctrl > div {
    height: 0;
    margin: 0 -1em;
}

.gb-progress-ctrl .gb-left > span {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/projects/genome/browser/img/cancel11.png);
}

.gb-progress-ctrl .gb-right > span {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/projects/genome/browser/img/close11.png);
}

.gb-progress-comment {
    text-align: right;
    padding: 0 .5em;
    color: #808080;
    font-size: 10px;
}


.gb-progress-wrap.gb-complete {

}
.gb-progress-wrap.gb-failed {

}
.gb-progress-wrap.gb-errors {

}

.gb-failed .gb-progress-comment {
    color: #FF8080;
}
.gb-errors .gb-progress-comment {
    color: #FF8000;
}
.gb-canceled .gb-progress-comment {
    color: #F77;
}

.gb-upload-content .gb-comment {
    color: #707070;
}
.gb-upload-content:hover .gb-comment {
    color: #808080;
}

.gb-upload-content .gb-file-form {
    padding: .455em .455em;
    margin: .455em .455em .455em 0;
    border: solid 1px #777;
    background-color:#F4F4F4;
}

.gb-upload-content .gb-data-input {
    padding: .273em .455em;
    margin: .455em .455em .455em 0;
    border: solid 1px #777;
    background-color:#F4F4F4;
}

.gb-upload-content .gb-text-input {
    padding: .455em;
    margin: .455em .455em .455em 0;
    border: solid 1px #777;
    background-color:#F4F4F4;
}

.gb-text-input textarea {
    font-size: 11px;
    width: 100%;
    height: 7.273em;
    margin: 0;
    padding: .182em;
    resize: vertical;
}

.gb-text-input .gb-input-ctrl {
    text-align: right;
    padding: .182em 1.364em 0 0;
}
.gb-data-input .gb-input-ctrl {
    text-align: right;
    padding: 0 .909em 0 0;
}

.gb-text-input .gb-input-comment {
    height: 0;
    padding: 0 1em;
    color: #808080;
}

.gb-file-progress {
    margin: 0 0 0 -1.363em;
}

.gb-file-progress .gb-input {
    padding: 0 1.364em 0 0;
    white-space: nowrap;
}

.gb-input-close,
.gb-file-form-close {
    height: 0;
    text-align: right;
    margin: 0 -.455em;
}
.gb-data-input span,
.gb-text-input span,
.gb-file-form .gb-input span {
    display: inline-block;
    padding: .091em .455em .091em 0;
    color: #606060;
}

.gb-data-input .gb-input > div,
.gb-text-input .gb-input > div,
.gb-file-form .gb-input div {
    margin: .182em 0;
}

.gb-input-close span,
.gb-file-form-close span {
    display: inline-block;
    width: .818em;
    height: .818em;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/projects/genome/browser/img/close9.png);
    background-size: .818em .818em;
    position: relative;
    top: -.455em;
    right: 0;
    cursor: pointer;
}

.gb-input-close span {
    top: -.273em;
    right: -.182em;
}

.gb-upload-content button {
    margin: 0 0 0 .455em;
    vertical-align: top;
}

.gb-progress-errors {
    display: none;
    height: 0;
    margin-top: 0;
}

.gb-progress-errors > div {
    position:absolute;
    z-index: 20050;
    left: 16.5em;
    padding: 0 0 .5em 1em;

    border: solid 1px #CCC;
    border-radius: 5px;
    background-color: white;
    box-shadow: .5em .5em 1em gray;
    color: #800;

    width: 22.727em;
}

.gb-progress-errors div.gb-scroll {

    max-height: 11em;
    overflow: auto;
}

.gb-progress-errors ul {
    list-style-type: square;
    padding: 0 1em 0 0;
    margin: 0;
}

.gb-progress-wrap.gb-open .gb-progress-errors {
    display: block;
}

.gb-progress-errors li {
    padding: .091em .182em;
}

.gb-progress-errors .gb-close {
    text-align: right;
    height: 0;
    margin: .182em .182em 1em;
}
.gb-progress-errors .gb-close span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/projects/genome/browser/img/close11.png);
    cursor: pointer;
}

.gb-progress-comment span {
    display: inline-block;
    word-break: break-word;
}

.gb-progress-comment span.gb-icon {
    vertical-align: baseline;
    width: 11px;
    height: 11px;
    margin-left: -11px;
}

.gb-progress-wrap.gb-errors span.gb-icon {
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;
    background-position: -35px -17px;
}

.gb-progress-wrap.gb-errors.gb-open span.gb-icon {
    background-position: -67px -15px;
}

.gb-progress-wrap.gb-errors .gb-progress-comment a {
    cursor: pointer;
}

.gb-progress-comment a {
    cursor: default;
    display: inline-block;
    max-width: 100%;
}

.gb-progress-comment div {
    text-align: left;
}

.gb-left {
    text-align:left;
}
.gb-right {
    text-align: right;
}

.gb-file-upload .gb-uud-help {
    line-height: 1.45;
    height: 1em;
    margin: .5em .5em .091em 2.73em;
    color: #777;
}

.gb-file-upload .gb-uud-help > * {
    display: block;
}

.gb-file-upload:hover .gb-uud-help > p {
/*    display: block; */
}

.gb-file-upload .gb-uud-help > ul {
    display: none;
    position: absolute;
    list-style-type: none;
    padding: 1em 2em;
    color: #606060;
    left: 15em;
    border: solid 1px #CCC;
    border-radius: 5px;
    background-color: white;
    width: 11em;
    z-index: 20050;
}

.gb-file-upload:hover .gb-uud-help.open > ul {
    display: block;
}

.gb-file-upload .gb-uud-help > p {
    cursor: pointer;
    text-align: right;
}
.gb-file-upload .gb-uud-help > p:hover {
    text-decoration: underline;
}

.gb-file-upload .gb-uud-help > li {
    padding: 1px 0;
}
.gb-file-upload .gb-uud-help > li:hover {
    color: #505050;
}

.gb-file-upload .gb-uud-help .gb-icon {
    background-image: url(/core/jig/1.14.8/css/images/ui-icons_222222_256x240.png);
    background-repeat:no-repeat;
    background-position: -32px -16px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 16px;
    width: 16px;
    height: 16px;
    margin: 0;
}
.gb-file-upload .gb-uud-help.open .gb-icon {
    background-position: -64px -16px;
}

@media print {
    .gb-uud-help,
    .gb-file-add-wrap {
        display: none;
    }
}
/*
 * $Id: gb-user-data.css 532428 2017-04-05 12:55:16Z ananiev $
 */

.gb-file-upload {
    margin: -.455em 0 -.455em -.909em;
    padding: .273em 0 .273em 1.364em;
}

.gb-file-upload .gb-track-remove {
    vertical-align:top;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: .182em .273em;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.gb-file-upload .gb-track-sect {
    white-space: nowrap;
    margin: -.273em -.182em 0 -1.364em;
    padding: .273em 0 .455em 1.364em;
}

.gb-file-upload .gb-file-data,
.gb-file-upload .gb-track-data {
    min-height: 11em;
    margin: .4em -2px .4em -1em;
}

.gb-file-upload select {
    width: 20.833em;
    vertical-align:top;
}

.gb-file-upload .gb-select {
    display: inline-block;
    padding: .167em .208em .167em .417em;
    margin: 0 0 0 -.833em;
    width: 19.583em;
    vertical-align:top;
    border-style: solid;
    border-width: 1px;
    border-color: #CCC;
    border-radius: 3px;
    color: #444;
    font-size: 12px;
    cursor: default;

    background-image: url(/projects/genome/browser/img/down11.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
}

.gb-file-upload .gb-select.gb-menu-empty {
    background-image: none;
    color: #808080;
}

.gb-select:hover {
    border-color: #AAA;
    color: #222;
}

.gb-select > span,
.gb-select > a {
    display: inline-block;
    width: 18.5em;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

.gb-file-upload .gb-refresh {
    margin: 0 0 0 .455em;
    padding: .091em;
    border: 1px solid transparent;
}

.gb-file-upload.gb-loading .gb-refresh {
    background-image: url(/projects/genome/browser/img/loading-18b.gif);
}

.gb-file-upload.gb-accept .gb-track-grid {
    margin: 0 .182em 0 -.636em;
}

.gb-file-upload .gbs-location {
    text-align: right;
}

.gb-facet-wrap {
    display: inline-block;
}

.gb-facet-list,
.gb-facet {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 0 0;
    background-color: white;
}

.gb-facet-list {
    position: relative;
    z-index: 5;
    border-width: 0 1px 1px 1px;
    border-color: #CCC #809AB6 #CCC #CCC;
    margin: 0 -1px 0 0;
}
.gb-facet.gb-hidden {
    display: none;
}

.gb-facet-list .gb-fc-list,
.gb-facet .gb-fc-list {
    vertical-align: top;
    height: 11em;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: .182em 0;
}

.gb-facet-list > h4,
.gb-facet > h4 {
    margin: 0;
    height: 1.2em;
    padding: .273em 3.636em .091em 1.818em;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 1px 0;
    font-size: 11px;
    color: #444;
    vertical-align: top;
}

.gb-facet-list > div,
.gb-facet > div {
    vertical-align: top;
}

.gb-facet-list > div {
    width: 18.637em;
    background-color:#E6F5FF;
}

.gb-facet .gb-fc-list > ul {
    min-width: 13.636em;
}

.gb-facet .gb-fc-list li:hover {
    background-color: #f0f7ff;
}

.gb-fc-list .gb-fc-group ul {
    margin: 0;
    display: none;
}

.gb-fc-list .gb-fc-group.gb-fc-open ul {
    display: block;
}

.gb-facet-list > h4 {
    font-size: inherit;
}

.gb-facet-list li {
    padding: .182em 0;
}

.gb-fc-list li.gb-fc-group > div {
    font-weight: bold;
    color: #333;
    border-style:solid;
    border-width: 1px 0;
    border-color: transparent;

    background-image: url(/projects/genome/browser/img/close-11.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.gb-fc-list li.gb-fc-group.gb-fc-open > div {
    background-image: url(/projects/genome/browser/img/open-11.png);
}
.gb-fc-list li > div {
    padding: 0 1em;
    cursor: default;
}
.gb-facet-list .gb-fc-group li > div {
    padding-left: 1.82em;
}

.gb-fc-list li.gb-fc-group > div:hover {
    background-color: #b3ccff;
    border-color:#69f;
}

.gb-fc-list li.gb-fc-group > div > span {
    display: inline-block;
    padding: 0;
    line-height: 1.455;
    vertical-align: top;
}

.gb-fc-list .gb-fc-check {
    display: inline-block;
    vertical-align: top;
    height: 1.091em;
    width: 1.091em;
    position: relative;
    margin: 0;
    background-image: url(/projects/genome/browser/img/expand-11b.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.gb-fc-list .gb-fc-checked .gb-fc-check {
    background-image: url(/projects/genome/browser/img/collapse-11b.png);
}

.gb-fc-list .gb-fc-facet {
    color: black;
    font-weight:normal;
}
.gb-fc-list .gb-fc-facet.gb-fc-checked {
/*    color: #444;
    font-weight:bold; */
}

.gb-fc-list .gb-fc-facet > div:hover {
    background-color: #CDF;
    border-color:#B3CCFF;
}

.gb-fc-list .gb-fc-facet > div {
    background-image: url(/projects/genome/browser/img/show-11.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: padding-box;
    border-style: solid;
    border-width: 1px 0;
    border-color: transparent;
}

.gb-fc-list .gb-fc-facet.gb-fc-checked > div {
    background-image: url(/projects/genome/browser/img/check2.png);
}

.gb-fc-list li span,
.gb-fc-list li input {
    vertical-align: top;
}

.gb-field-name {
    white-space:normal;
    display:inline-block;
    max-width: 16em;
}

.gb-field-count {
    margin: 0 0 0 .455em;
}


.gb-track-filters .gb-facet-wrap li {
    padding: .182em 1.364em .182em .455em;
    cursor: default;
}

.gb-track-filters input[type='checkbox'] {
    margin: 0 .455em 0 0;
}

.gb-facet-wrap > div {
    white-space: nowrap;
    overflow: auto;
    overflow-x: auto;
    overflow-y: visible;
    width: 48em; /* extra 1px */
    
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 1px 1px;
    background-color: #FAFAFA;
}

.gb-fc-clear {
    background-image: url(/projects/genome/browser/img/close9.png);
    cursor: pointer;
}
.gb-fc-menu {
    background-image: url(/projects/genome/browser/img/up-down11d.png);
    cursor: pointer;
}
.gb-sort-asc .gb-fc-menu {
    background-image: url(/projects/genome/browser/img/up-down11u.png);
}
.gb-fc-search {
    cursor: pointer;
    background-image: url(/projects/genome/browser/img/search11h.png);
}
.gb-filter-search .gb-fc-search {
    background-image: url(/projects/genome/browser/img/search11b.png);
}

span.gb-fc-close {
    background-image: url(/projects/genome/browser/img/close11.png);
    cursor: pointer;
}

.gb-facet .gb-facet-search {
    padding: 2px 28px 2px 5px;
    margin: 0;
    white-space: nowrap;
    display: none;
    background-color: #FFF;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #CCC;
}

.gb-facet.gb-filter-search .gb-facet-search {
    display: block;
}

.gb-facet .gb-facet-search > span {
    display: none;
    vertical-align:top;
    position: relative;
    left: -14px;
    z-index: 10;
    width: 0;
    height: 15px;
}

.gb-facet .gb-facet-search .gb-clear {
    display: inline-block;
    width: 13px;
    height: 15px;
}

.gb-facet .gb-facet-search.gb-no-empty > span {
    display: inline-block;
}

.gb-facet .gb-facet-search input {
    width: 100%;
    padding: 1px 17px 1px 3px;
    margin: 0;
    border: solid 1px #CCC;
    border-radius: 3px;
    background-image: none;
}

.gb-facet .gb-facet-search.gb-no-empty input {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/projects/genome/browser/img/clear-f.png);
}

.gb-facet .gb-facet-loading {
    background-color: #E8F8FF!important;
    color: #888!important;
}

.gb-facet.gb-facet-empty {
    width: 0;
    overflow:hidden;
    border-width: 0;
}

.gb-state.gb-off .gb-state-link {
    display: none;
}

.gb-state {
    position: absolute;
    right: 20px;
    text-align:right;
    font-size:11px;
    background-color:white;
    margin: 0;
}
.gb-state-link {
    position: absolute;
    right: 0;
    width: 160px;
}

.gb-state-panel {
    position: absolute;
    right: 0;
    top: 2em;
    background-color:white;
    z-index: 60010;
    text-align: left;
    width: 36em;
    padding: 2em;
    border-radius: 8px;
    border: solid 1px gray;
    box-shadow: .5em .5em 2em gray;
    display: none;
}

.gb-state-panel-close {
    width:1em;
    height:1em;
    position: absolute;
    top: .2em;
    right: .2em;
    padding: .2em .1em 0 0;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/close11.png);
    background-size: 1em 1em;
}
.gb-state-header {
    font-weight: bold;
    color:#404040;
}
.gb-state-comment {
    color: #808080;
}

#gb-share-page {
    font-size:11px;
}

.gb-state-panel .gb-section-url {
    padding: 5px;
    margin: 0 -5px;
    border: solid 1px silver;
    border-radius: 5px;
    background-color: #FCFCFC;
}

.gb-state-buttons {
    text-align:right;
    padding: 10px 0 0;
}

.gb-msie .gb-state-buttons {
    display:none;
}

.gb-panel-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:60010;
    background-color:#000040;
    opacity: .10;
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
}

.gb-panel-mask-wait {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:60010;
}

.gb-panel-mask-wait > div {
    vertical-align: top;
    margin: 100px auto;
    width: 180px;
    height: 50px;
    padding: 5px;
    border: solid 2px #555;
    border-radius: 5px;
    white-space: nowrap;
    background-color: white;
    box-shadow:10px 10px 10px gray;
}

.gb-panel-mask-wait > div span {
    font-size:15px;
    margin: 0;
    padding: 15px;
    vertical-align:top;
    display: inline-block;
}

.gb-panel-mask-wait > div img {
    width: 50px;
    height: 50px;
    vertical-align:top;
    margin:0;
    padding: 0;
    display: inline-block;
}


.gb-blast-wrap {

}

.gb-blast-popup {
    margin: 5px 10px;
    padding: 0 10px 0 0;
    border:solid 1px #CCC;
    border-radius: 5px;
    background-color:#F8F8F8;
    white-space: nowrap;
    cursor: default;
}

.gb-blast-popup > span,
.gb-blast-popup > a {
    display: inline-block;
    padding: 3px 0 3px 5px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-image:url(/projects/genome/browser/img/down11.png);
    background-origin: content-box;
}

.gb-blast-popup .gb-blast-select {
    cursor: default;
}

.gb-blast-add {
    font-weight: bold;
    color: #335;

    width: 40px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #CCC;
}

.gb-blast-select {
    width: 200px;
    color: #335;
/*    text-align: center; */
}

.gb-loading .gb-blast-select {
    background-image:url(/projects/genome/browser/img/wait.gif);
    background-origin: border-box;
    background-position: 185px center;
    background-size: 25px 25px;
}

.gb-menu-empty.gb-blast-select {
    color: #888;
    font-style: italic;
}

.gb-blast-panel {
    position: absolute;
    z-index: 60000;
    display: none;
    overflow:hidden;
    padding: 0 4em 4em 0;
}

.gb-blast-panel-wrap {
    position: relative;
    background-color: #F8F8F8;
    padding: .9em;

    border: solid 1px #CCC;
    border-radius: .45em;
    box-shadow: 1em 1em 2em gray;
}

.gb-blast-panel fieldset {
    padding: .45em .9em;
    border: solid 1px #CCC;
    border-radius: .27em;
}

.gb-blast-panel fieldset > div {
    padding: 0 0 .45em 0;
}

.gb-blast-panel legend {
    font-weight: bold;
    color: #444;
}

.gb-blast-panel input[type="text"] {
    vertical-align: top;
    width: 18.2em;
    margin: 0 .45em;
}

.gb-blast-panel .gb-right {
    height: 0;
    padding: 0;
    text-align: right;
}

.gb-blast-panel .gb-refresh {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
/*    background-size: 16px 16px; */
    background-image: url(/projects/genome/browser/img/reload-13.png);
}

.gb-blast-panel .gb-loading .gb-refresh {
    background-image: url(/projects/genome/browser/img/loading-18b.gif);
}

.gb-blast-panel .gb-options > span {
    display: inline-block;
    padding: 3px 3px 3px 5px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/projects/genome/browser/img/down11.png);
    background-origin: content-box;
    width: 5.5em;

    border: solid 1px #CCC;
    border-radius: 3px;
    vertical-align: top;

    position: relative;
    top: .45em;

    cursor: default;
}

.gb-blast-panel .gb-add span {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-image: url(/projects/genome/browser/img/add-80d.png);
}

.gb-blast-panel .gb-add.gb-loading span {
    background-size: 25px 25px;
    background-image: url(/projects/genome/browser/img/wait.gif);
}
.gb-blast-panel input[type="checkbox"] {
    margin: 0 .45em 0 3em;
}

.gb-blast-panel .gb-footer {
    text-align: right;
    padding: 0;
}
.gb-blast-panel .gb-options {
    text-align: left;
    padding: 0;
    height: 0;
}

.gb-blast-panel span {
    margin-right: .45em;
}

.gb-blast-panel .gb-stress {
    font-style: italic;
    color: #777;
}

.gb-blast-panel button {
    font-weight: bold;
    color: #333;
    margin: .45em 0 0 .45em;
    padding: .45em .91em;
}

.gb-blast-panel .gb-button-ok {
    font-weight: bold;
    color: #335;
}

.gb-blast-panel span:first-child {
    font-weight: bold;
    color: #555;
}

.gb-blast-panel .gb-blast-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    border:solid 1px black;
    vertical-align:top;
    margin: 3px 0 0 2px;
}

.gb-blast-panel .gb-data td,
.gb-blast-panel .gb-header th {
    padding: .182em .364em;
}
.gb-blast-panel .gb-header th {
    background-color: #FAFCFF;
    color: #608090;
    border-left: solid 1px #CCC;
}
.gb-blast-panel .gb-header th:first-child {
    border: none;
}

.gb-blast-panel .gb-data span {
    font-weight: normal;
    color: #333;
}

.gb-blast-panel .gb-data .gb-expired span {
    color: #F77;
}
.gb-blast-panel .gb-data tr.gb-odd {
    background-color: #e5f2ff;
}
.gb-blast-panel .gb-data input[type='checkbox'] {
    margin: 0 .455em 0 0;
}

.gb-blast-panel .gb-data .gb-rid-id,
.gb-blast-panel .gb-header .gb-rid-id {
    white-space: nowrap;
    width: 10em;
}

.gb-blast-panel .gb-data .gb-rid-title,
.gb-blast-panel .gb-header .gb-rid-title {
    min-width: 14em;
}

.gb-blast-panel .gb-data .gb-rid-exp,
.gb-blast-panel .gb-header .gb-rid-exp {
    width: 12em;
    white-space: nowrap;
}
.gb-blast-panel .gb-data .gb-rid-track,
.gb-blast-panel .gb-header .gb-rid-track {
    width: 4.55em;
    text-align: center;
}

.gb-blast-color-panel .gb-blast-content-wrap span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #333;
    cursor: default;
}

.gb-blast-color-panel .gb-blast-content-wrap {
    border-style: solid;
    border-color: #333;
    border-width: 0 0 1px 1px;
    padding: 0;
}

.gb-blast-content-wrap .gb-header {
    padding: 0;
    margin: 0 -.9em;
    border-style: solid;
    border-width: 1px 0;
    border-color: #CCC;
}

.gb-blast-content-wrap .gb-data {
    margin: 0 -.9em;
    min-height: 4em;
    height: 10em;
}

.gb-blast-content-wrap table {
    width: 100%;
}
.gb-blast-content-wrap th {
    text-align: left;
    background-color: transparent;
    padding: .188em .367em;
}

.gb-blast-content-wrap th {
    padding: .188em .367em;
}
.gb-blast-content-wrap .gb-track-check {
    width: 3.45em;
}

.gb-blast-desc th,
.gb-blast-desc td {
    text-align: left;
    padding: .182em .364em .182em .273em;
    color: #444;
    font-size: 11px;
    background-color: transparent;
}

.gb-blast-wrap .gb-blast-desc p {
    padding: .182em .46em .46em;
    border-bottom: solid 1px #CCC;
}

/* alignments table */

.gb-blast-hits,
.gb-blast-tail,
.gb-blast-header {
    line-height: 1;
    border-style: solid;
    border-color: #CCC;
    margin: 0;
}

.gb-blast-header {
    border-width: 1px 0 0 1px;
}
.gb-blast-tail {
    border-width: 0 0 1px 1px;
}

.gb-blast-header th {
    padding: .273em 0 .273em .182em;
    border-style:solid;
    border-color: #CCC;
    border-width: 0 0 1px 1px;
    background-color:#F8FAFF;
    color: #608090;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    cursor: pointer;
}

.gb-blast-header th:hover {
    text-decoration: underline;
}

.gb-blast-header th:first-child {
    border-width: 0 0 1px 0;
}

.gb-blast-header th span{
    padding-right: 11px;
}

.gb-blast-header .gb-sort-asc {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/up-down11u.png);
    background-color: #e5edff;
}

.gb-blast-header .gb-sort-desc {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/up-down11d.png);
    background-color: #e5edff;
}

.gb-blast-hits table,
.gb-blast-header table,
.gb-blast-tail table {
    width: 100%;
}

.gb-blast-hits {
    border-width: 1px 0 1px 1px;
    min-height: 10em;
    max-height: 20em;
    overflow-y: auto;
    overflow-x: hidden;
}

.gb-blast-header .gb-blast-acc td,
.gb-blast-tail .gb-blast-acc td,
.gb-blast-hits .gb-blast-acc td {
    padding: .273em .182em .273em 0;
    background-color:#b3d7ff;
    border-color: #CCC transparent #99bee6;
    color: #222;
    font-style: italic;
    text-align: left;
    padding-left: 1.82em;
    cursor: default;
}

.gb-blast-hits td {
    padding: .273em .182em .273em 0;
    vertical-align:top;
    white-space: nowrap;
    cursor: default;
    border-style: solid;
    border-color: transparent;
    border-width: 1px 0;
    text-align: right;
}

.gb-blast-hits .gb-odd {
    background-color: #F0F8FF;
}

.gb-blast-hits .gb-checked {
    background-color: #A6FFA4;
}

.gb-blast-hits .gb-blast-loc,
.gb-blast-header .gb-blast-loc {
    width: 12.27em;
}

.gb-blast-hits .gb-blast-id,
.gb-blast-header .gb-blast-id {

}

.gb-blast-hits .gb-blast-gap,
.gb-blast-header .gb-blast-gap {
    width: 3em;
}

.gb-blast-hits .gb-blast-score,
.gb-blast-header .gb-blast-score {
    width: 3.5em;
}

.gb-blast-header .gb-blast-gap {
    width: 3.2em;
}

.gb-blast-hits td span {
    padding: 0;
}

.gb-blast-hits .gb-blast-id span {
/*    padding-right: 15px; */
    padding-right: 1.4em;
}

.gb-blast-hits .gb-blast-neg {
    color: #A00;
}

.gb-blast-hits tr:first-child {
    display: none;
}

.gb-blast-rid tr .gb-blast-go {
    text-align:right;
    padding-right: .91em;
}
.gb-blast-rid tr .gb-blast-go span {
    display: inline-block;
    width: 1.45em
}

.gb-blast-rid tr:hover .gb-blast-go span {
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: content-box;
}

/*.gb-blast-hits tr:hover .gb-blast-go span,*/
.gb-blast-tail tr:hover .gb-blast-go span {
    background-image: url(/projects/genome/browser/img/up11.png);
}

.gb-blast-header tr:hover .gb-blast-go span {
    background-image: url(/projects/genome/browser/img/down11.png);
}

/*
.gb-blast-hits .gb-checked .gb-blast-id {
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-image: url(/projects/genome/browser/img/bullet-green.png);
}

.gb-blast-hits tr:hover .gb-blast-id {
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-image: url(/projects/genome/browser/img/bullet-blue.png);
}
*/
.gb-blast-hits tr:hover td {
    background-color: #CFE6FE;
    border-color: #B9D2EF;
}

.gb-blast-hits .gb-checked:hover td {
    background-color: #73ff70;
    border-color: #6eee68;
}

.gb-blast-hits tr.gb-blast-acc:hover td,
.gb-blast-header tr.gb-blast-acc:hover td,
.gb-blast-tail tr.gb-blast-acc:hover td {
    background-color: #9BC7FE;
    border-color: #83AFEF;
}

/* -------- */

.gb-blast-desc {
    padding: .46em 0;
    margin: 0 0 .46em 0;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #CCC;
}

.gb-blast-rid {
    display: none;
}

.gb-blast-rid.gb-visible {
    display: block;
    min-height: 100px;
}

.gb-blast-rid h5 {
    font-style: normal;
    font-weight: bold;
    color: #335;
    padding: .182em 0 0 1.364em;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/projects/genome/browser/img/open-11.png);
    cursor: default;
}

.gb-blast-rid h5.gb-closed {
    background-image: url(/projects/genome/browser/img/close-11.png);
}

.gb-blast-rid > div.gb-closed {
    display: none;
}

.gb-blast-hits .gb-hlt,
.gb-blast-tail .gb-hlt,
.gb-blast-header .gb-hlt {
    -webkit-transition-property:color, background-color;
    -moz-transition-property:color, background-color;
    -ms-transition-property:color, background-color;
    -o-transition-property:color, background-color;
    transition-property:color, background-color;

    -webkit-transition-duration: 100ms, 100ms;
    -moz-transition-duration: 100ms, 100ms;
    -ms-transition-duration: 100ms, 100ms;
    -o-transition-duration: 100ms, 100ms;
    transition-duration: 100ms, 100ms;
}

.gb-blast-rid .gb-hlt td {
    background-color: inherit!important;
    color: inherit!important;
}

.gb-blast-data {
    height: 0;
    overflow:hidden;
}

.gb-blast-info {
    max-width: 73em;
}

.gb-blast-info table {
    border: solid 1px #CCC;
    width: 100%;
    background-color: white;
}

.gb-blast-info th {
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 0 0 1px 1px;
    background-color: #F8FAFF;
    color: #608090;
    font-weight: normal;
    font-style: normal;
    padding: .182em;

}
.gb-blast-info th:first-child {
    border-width: 0 0 1px;
}

.gb-blast-info td {
    padding: .182em;
    

}
.gb-blast-info td.gb-nowrap {
    white-space: nowrap;
}

.gb-blast-comment {
    overflow: hidden;
    color: #808080;
    margin: .182em 0;
}

.gb-blast-comment span {
    position: relative;
}

.gb-blast-rid .gb-blast-items {
    height: 0;
    text-align: right;
    padding: 0;
    cursor: default;
    white-space: nowrap;
}

.gb-blast-rid .gb-blast-items > ul {
    white-space: nowrap;
    padding: 0 20px;
}

.gb-blast-rid .gb-blast-items li {
    display: inline-block;
    width: 20px;
    height: 16px;

    opacity: 1.0;

    cursor: pointer;
    margin: 0 5px;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}

.gb-blast-rid .gb-blast-items li.gb-disabled {
    opacity: 0.25;
}

.gb-blast-rid .gb-blast-items .gb-item-filter {
    background-image: url(/projects/genome/browser/img/filter-80b.png);
}
.gb-blast-rid .gb-blast-items .gb-item-marker {
    background-image: url(/projects/genome/browser/img/marker-80b.png);
}
.gb-blast-rid .gb-blast-items .gb-item-zoom {
    background-image: url(/projects/genome/browser/img/zoom-80b.png);
}

.gb-blast-progress {
    margin: -.182em .91em 0 0;
}
.gb-blast-progress.gb-progress {
    background-color: #cce6ff;
}

.gb-blast-progress span {
    display: inline-block;
    height: 2px;
    width: 0;
}
.gb-blast-progress.gb-progress span {
    background-color: #0f87ff;
}

/* blast view */

.gb-blast-view-wrap {
    position: absolute;
    top: 600px;
    border-radius: 0 0 5px 5px;
    box-shadow: gray 10px 10px 20px;
    z-index: 50;
}

.gb-blast-view-wrap > div {
    padding: 0;
    border-style: solid;
    border-width: 0 1px;
    border-color: #CCC;
}

.gb-blast-view-wrap > .gb-hlt {
    position: relative;
    z-index: 5;
    height: 0;
}

.gb-blast-view-wrap .gb-blast-view-bar {
    font-size: 11px;
    line-height: 2;
    font-weight: bold;
    text-align: left;
    background-color: #AAA;
    color: #FFF;
    cursor: move;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #888;
    border-radius: 0 0 5px 5px;
    padding: 0 2em;
}

.gb-blast-view-wrap .gb-blast-view-bar span {
    margin-right: 20px;
}

.gb-blast-view-wrap .gb-blast-view-bar > div {
    height: 0;
    text-align: right;
}

.gb-blast-view-wrap .gb-blast-view-bar button {
    margin: 2px 0;
}

.gb-blast-view-wrap .gb-blast-view-bar > div span {
    margin-right: -20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px -20px 2px 0;
    cursor: default;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/projects/genome/browser/img/close11.png);
}

.sra-download {
    padding: 5px 0;
    font-size:12px;
}

.sra-download a.sra-link {
    font-size: 11px;
/*    display: block;*/
}

.sra-download .private {
    display: none;
}

.sra-dialog {
    display: none;
    position: absolute;
    left: 20px;
    padding: 10px;
    border: solid 1px #606060;
    font-size: 12px;
    text-align: left;
    border-radius: 10px;
    box-shadow: 5px 5px 20px #C0C0C0;
    background-color: white;
    z-index: 60010;
}

.sra-dialog.sra-open {
    display: block;
}

.sra-dialog h4 > span {
    color: #202020;
    font-weight: normal;
    margin-left: 10px;
}

.sra-dialog > h4 {
    color: #404040;
    padding:3px 0;
    margin:0;
}

.sra-dialog > h4.sra-data {
    padding:10px 10px 0;
    margin: 0 -10px;
    border-style: solid;
    border-color: #C0C0C0;
    border-width: 1px 0 0;
}

.sra-dialog .sra-hidden {
    display: none;
}

.sra-dialog h4 > select {
    margin-left: 10px;
}

.sra-dialog .sra-buttons {
    text-align: right;
    padding: 10px 10px 0;
    margin: 5px -10px 0;
    border-top: solid 1px #C0C0C0;
}
.sra-dialog .sra-buttons button {
    margin-left: 20px;
}

.sra-dialog .sra-comment {
    font-size: 11px;
    color: #C04040;
}

.sra-dialog .sra-data > input {
    
}

.sra-dialog h4 > .title {
    display: inline-block;
    width: 160px;
}

.sra-dialog h4 > .format {
    
}

.sra-dialog h4 select {
    width: 80px;
}

.sra-dialog select {
    margin-left:5px;
}

.sra-dialog .sra-data-options select {
    width: 220px;
}

.sra-dialog .sra-data-options > div {
    padding: 2px 0;
}

sra-dialog .sra-data-options {
    text-align: right;
    margin: 5px -10px 0;
    padding: 0 10px 10px;
}