/**
 * Links that don't work yet
 * (page under construction)
 */
a.todo {
    color: #ff8888 !important;
}

/**
 * page headers (just below navigation bar)
 */
h2 {
    text-align:center;   
}

/**
 * Home page
 */
div.news-container {
    background-color: #DBDBDB; 
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    border-style: double;
}

div.news-header {
    text-align: center;   
    margin-bottom: 20px;
}

/**
 * citations/references
 */
sup.ref a { 
    color: #297660;  
    font-size: 9px; 
}

span.ref {
    background-color: white;
}

span.ref.highlighted{
    background-color: #DDF;
}

/**
 * on-screen tables
 */
thead {
    background-color: #ccccff;
    text-align: center;
}

thead.not_bold th { 
    font-weight: normal;
}

table.all_centered td {
    text-align: center;
}



/**
 * table on AtTFDB/tfsummary.html
 * "summary of features of transcription factor ..."
 */
table.tfsummary_table {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: left;
    width: 700px;
    border-collapse: separate;
}

table.tfsummary_table > tbody > tr > td:first-child {
    background-color: #ccccff;
    width: 170px;
}

table.tfsummary_table td {
    border: 1px solid black; 
    padding: 5px;
}

/**
 * inner table on AtTFDB/tfsummary.html
 * "ABRC stocks available for this TF"
 */
table.tfsummary_stocks_table {
    border: 1px solid black;   
    text-align: center;
    border-collapse: collapse;
}

table.tfsummary_stocks_table td {
    border: 1px solid black; 
    padding: 3px;
}

table.tfsummary_stocks_table th {
    border: 1px solid black; 
    padding: 3px;
    font-weight: normal;
}

/**
 * inner table on AtTFDB/tfsummary.html
 * "Activation Domain Data"
 */

table.tfsummary_ad_table {
    border: 1px solid black;   
    text-align: center;
    border-collapse: collapse;
}

table.tfsummary_ad_table td {
    border: 1px solid black; 
    padding: 3px;
}

table.tfsummary_ad_table th {
    border: 1px solid black; 
    padding: 3px;
    font-weight: normal;
}

.tfsummary_ad_table td.ad_seq {
    text-align: left; 
    width: 90px;
}

.tfsummary_ad_table td.ad_seq .short_seq {
    margin-left: 20px;
}
    
.tfsummary_ad_table .copy-button {
    height: 15px; 
}

.tfsummary_ad_table .ctooltip .tooltiptext {
    left: 50%;
    margin-left: -92px;
}
    

/**
 * input form on /AtcisDB
 * 'AtcisDB Search Engine'
 */

table.atcisdb-search-input {
    background-color: #297660;
    color: #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-collapse: collapse;
    height: 300px;
}

table.atcisdb-search-input td {
    border: 2px solid #CCCCCC;
}

table.atcisdb-search-input td:first-child {
    width:215px;
    padding: 5px;
    vertical-align: top;
}

table.atcisdb-search-input td:nth-child(2) {
    width:200px;
    padding: 10px;
}

table.atcisdb-search-input a {
    color: #CCCCCC;
    text-decoration: underline;
}


/**
 * regnet and regcollection page
 */

fieldset {
    border:none;   
}

table#pdi_table, table#pdi_table td, table#pdi_table th {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: center;
}


/*
 * datatable on atcis_search results page
 */

table#atcis_table, table#atcis_table td, table#atcis_table th {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: center;
}


/*
 * datatable on attf_search results page
 */

table#attf_table, table#attf_table td, table#attf_table th {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: center;
}

/*
 * datatable on tfbrowse page (list genes in one family)
 */

table#tfbrowse_table, table#tfbrowse_table td, table#tfbrowse_table th {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: center;
}

/*
 * datatable on atcis_view page
 * "Binding Sites in upstream region..."
 */

table#atcisview_table, table#atcisview_table td, table#atcisview_table th {
    border: 1px solid black;   
    height: 19px;
    padding: 2px;
    text-align: center;
}

/**
 * Autcomplete dropdowns
 */

ul.ui-autocomplete {
    list-style: none;   
    border: 1px solid black;
    background-color:white;
    padding: 5px;
    width: 150px;
}

li.ui-menu-item {
    cursor:pointer;   
}

li.ui-menu-item:first-child{
    cursor:default;
}

div.ui-menu-item-wrapper {
    background-color: white;
    color: black;
}


li.ui-menu-item:first-child div.ui-menu-item-wrapper {
    color: gray;
}

.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper.ui-state-active {
  color: white;
  background-color: black;
}


/**
 * Header at the top of all pages
 */

div#agris-header table {
    width: 800px;
    border: 2px solid #666666; 
    border-collapse: collapse;
    text-align: center;
    margin:0px auto -1px auto;
    background-color:#FFFFFF;
}

tr#agris-navbar {
    background-color:#297660;
    border: 1px solid #FFFFFF;
}

tr#agris-navbar td{
    border: 1px solid #FFFFFF;
}

tr#agris-navbar .dropdown {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
tr#agris-navbar .dropdown > a {
  vertical-align: middle;
}
tr#agris-navbar .dropdown-menu {
    width: 100px;
    top: 30px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    background: #f7f7f7;
    height: auto;
    position: absolute;
    right: 1px;
    display: none;
    float: right;
}
tr#agris-navbar td:hover .dropdown-menu {
    display: block;
}
tr#agris-navbar .dropdown-menu .dropdown-wrapper {
    position: relative;
    width: 100px;
}
tr#agris-navbar .category-menu {
    width: 100px;
    background-color: #297660;
    border: 2px solid #666666;
    border-top: none;
}
tr#agris-navbar .category-menu a {
    display: block;
    height: 25px;
    color: white;
    border-top: 1px solid white;
    padding-top: 10px;
}
tr#agris-navbar .category-menu a:first-child {
    border-top: none;
}




/**
 * Footer at the bottom of all pages
 */

hr {
    width: 790px;
    border-top: 2px solid gray;
    border-bottom: none;
}

div#agris-footer {
    margin: 8px 20px 0px 20px;
}

div#agris-footer table {
    border: 2px solid #666666; 
    border-collapse: collapse;
    text-align:center;
    background-color:#FFFFFF;
    width:800px;
    margin: 0px auto -1px auto;
}

div.footer_copyright {
    text-align: center;
    font-weight: bold;
    color: black;
}

tr#agris-footbar{
    border: 1px solid #FFFFFF;
    background-color:#297660;
    FONT-SIZE: 12px;
    MARGIN: 4px;
    COLOR: #ffffff;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: verdana, helvetica, arial, sans-serif;
    TEXT-DECORATION: none;
}

tr#agris-footbar td{
    height:26px;
}

tr#agris-footbar td div{
    text-align:center;
}




/**
 * agris website tutorial page
 */
div.tutorial-page li {
    color:black
}

div.tutorial-quick-links {
    margin-left: 20px;   
    margin-bottom: 0px;
    margin-top: 5px;
}
div.tutorial-quick-links ul {
    list-style-type: none;
    display: inline-block;
    padding: 0;
}   
div.tutorial-quick-links li {
    white-space: nowrap;
    display: inline;
    border-right: 2px solid #297660;
    padding-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
}   
div.tutorial-quick-links li:last-child {
    border-right: none;
}   

/**
 * button to copy text to the clipboard
 */


.copy-button {
    cursor: pointer;   
}

.ctooltip {
    position: absolute;
    display: inline-block;
}

.ctooltip .tooltiptext {
    font-family: sans-serif;
    font-size: 12px;
    visibility: hidden;
    width: 170px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 6px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -86px;
    opacity: 0;
    transition: opacity 0.3s;
    white-space:nowrap;
}

.ctooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.ctooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}