/**** html/share/css/main.css - GLASS project-specific CSS ************
 **
 ** Copyright © 2014 Regents of the University of Michigan
 **
 ** All rights reserved.                                             */

/*** Common design ***************************************************/

.hidden
{
    display: none;
}

div.g_block
{
    background-color: #f6f6f6;
    color: #000000;
    display: block;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

div.g_centering
{
    text-align: center;
}

a#g_logo
{
    display: block;
    height: 59px;
    float: left;
}

a#g_logo img
{
    border-style: none;
    height: 59px;
    width: 115px;
}

form#g_form
{
    display: block;
    height: 59px;
    line-height: 59px;
    margin-left: 115px;
    text-align: right;
}

form#g_form input#g_query_text
{
    color: grey;
    position: relative;
    width: 55%;
}

h1
{
    border-bottom: #336699 1px solid;
    color: #336699;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.25em;
    margin-top: 1.25em;
    text-align: left;
}

span.g_valid
{
    background-color: #bbffbb;
    border: 1px solid #44ff44;
}

span.g_invalid
{
    background-color: #ffbbbb;
    border: 1px solid #ff4444;
}

span.g_na
{
    color: #999999;
}

div.g_err_msg
{
    color: #FF0000;
    display: block;
    padding-top: 3em;
}

div.g_err_msg p.err_title
{
    font-weight: bold;
}

/*** Homepage ********************************************************/

/* Logo */
img#g_index_logo
{
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    width: 360px;
}

p#g_index_desc
{
    text-align: justify;
}

/* Main form */
div#g_index_form_tab
{
    display: block;
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    text-align: center;
    overflow: hidden;
}

div#g_index_form_tab div.g_tab
{
    border-bottom: 3px solid #999999;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 16px;
    width: 150px;
}

div#g_index_form_tab div.g_tab:hover
{
    color: #336699;
}

div#g_index_form_tab div.g_tab_selected
{
    border-bottom: 3px solid #336699;
    color: #336699;
}

div.g_index_form_box
{
    display: inline-table;
    height: 140px;
    line-height: 140px;
    margin-left: auto;
    margin-right: auto;
    width: 450px;
}

div.g_index_form_box div
{
    display: table-cell;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
}

div#g_index_search input#g_query_text
{
    color: gray;
    margin-top: 12px;
    width: 65%;
}

div#g_index_search p#g_form_buttons input
{
    margin-left: 10px;
    margin-right: 10px;
}

div#g_index_menu
{
    border-top: 1px solid #336699;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 450px;
}

div#g_index_menu a
{
    margin-left: 0.3em;
    margin-right: 0.3em;
}

/*** Details *********************************************************/

table.g_table
{
    border-top: #666666 2px solid;
    border-bottom: #666666 2px solid;
    border-collapse: collapse;
    color: #000000;
    margin-left: 0.5%;
    margin-right: 0.5%;
    table-layout: fixed;
    width: 99%;
}

table.g_table th
{
    border-bottom: #999999 1px solid;
    color: #336699;
    font-weight: normal;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

table.g_table th.g_left
{
    text-align: left;
    width: 20%;
}

table.g_table tr.g_top
{
    text-align: center;
}

table.g_table td
{
    border-bottom: #999999 1px solid;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    word-wrap: break-word;
}

span.seq
{
    font-family: "Consolas", "Andale Mono WT", "Andale Mono",
        "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
        "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
        "Monaco", "Courier New", "Courier", monospace;
}

table.g_table tr.g_expdata_group
{
    border-top: #999999 1px solid;
}

table.g_table tr.g_expdata_group td
{
    border-bottom: none;
    font-weight: normal;
    padding-top: 1em;
}

table.g_table tr.g_expdata
{
    border-bottom: none;
    text-align: center;
    word-wrap: break-word;
}

table.g_table tr.g_expdata td
{
    border-bottom: none;
}

/*** Query ***********************************************************/

table.g_table th.g_right_border
{
    border-right: #999999 1px solid;
}

table.g_table th.g_col10
{
    width: 10%;
}

table.g_table th.g_col20
{
    width: 20%;
}

table.g_table th.g_col30
{
    width: 30%;
}

table.g_table th.g_col40
{
    width: 40%;
}

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

table.g_query_table td.g_query_id
{
    border-right: #999999 1px solid;
}

/*** Search **********************************************************/

div.g_align_left
{
    display: inline-block;
}

div.g_align_right
{
    float: right;
    text-align: right;
}

input#g_page
{
    width: 15%;
}

.g_adv_label
{
    display: inline-block;
    width: 34%;
}

.g_adv_match
{
    display: inline-block;
    width: 9%;
}

.g_adv_box
{
    display: inline-block;
    float: right;
    margin-right: 1%;
    width: 54%;
}

/*** Upload **********************************************************/

.g_upload_label
{
    display: inline-block;
    width: 15%;
}

.g_upload_box
{
    display: inline-block;
    float: right;
    width: 85%;
}

label#g_upload_desc_label
{
    height: 300px;
}

textarea#g_upload_desc
{
    resize: none;
    height: 300px;
}

/*** Families ********************************************************/

a.g_fam_parent
{
    font-size: 16px;
    text-decoration: none;
}