BODY {
    font-family: serif;
    background: #e8f8e8
}


td.value1 {
    empty-cells:show;
    width:25px;
    background-color: #008000;
}
td.value2 {
    empty-cells:show;
    width:25px;
    background-color: #2bd52b;
}
td.value3 {
    empty-cells:show;
    width:25px;
    background-color: #aad5aa;
}

span.nodata a
{
    background-color: #ffffbb;
    color: maroon;
}

td.nodata
{
    background-color: #ffffbb;
    color: maroon;
}

span.notaxa a
{
    font-weight:normal;
    color:gray;
}

td.notaxa
{
    font-weight:normal;
    color:gray;
}

span.default a
{
    background-color: #ffffbb;
    color: green;
}

td.default_bk
{
    background-color: #ffffbb;
    color: green;
}

span.usergenome a
{
    font-weight:bold;
    background-color:pink;
}

td.usergenome_bk
{
    font-weight:bold;
    background-color:pink;
}

span.draft a
{
    color: #696969;
    background-color:#afeeee;
}

td.draft_bk
{
    color: #696969;
    background-color:#afeeee;
}

.tooltip{
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:14px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

div.left_block {
    float: left;
    width: 50%;
    margin: 20px 10px;
}

div.right_block{
    margin: 10px 10px;
}

div.clear_block {
   clear: both;
}

a.draftbutton {
    background-color:#000;
    border:1px solid #666;
    color:white;
    padding:3px 5px;
    cursor:pointer;
    border-radius:5px;
}
a.draftbutton:hover {
    color:white;
    text-shadow:0px 0px 3px #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666), color-stop(1.00, #111));
    background: -webkit-linear-gradient(#666, #111);
    background: -moz-linear-gradient(#666, #111);
    background: -o-linear-gradient(#666, #111);
    background: -ms-linear-gradient(#666, #111);
    background: linear-gradient(#666, #111);
}
.gradblack {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
    background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);

input.bignext{
   height:30px;
   width:100px;
   margin: 5px;
}

}