/*
* style.css
* http://tasuke.dna.affrc.go.jp/
*
* Author: Jungsok Kim, Ryutaro Itoh
*
* Copyright (c) 2013 National Institute of Agrobiological Sciences   
*
*/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url(../lib/font-awesome/css/font-awesome.min.css);

body {
  margin: 0;
  padding: 0;
  background-color:#135d56;
  position:relative;
}

progress {
  width: 250px;
  height: 20px;
}

#tasuke {
  position: absolute;
  top: 0;
  width: 100%;
  min-width : 1100px;
  min-height:100vh;
  background-color:#fff;
}

#top {
  background-color: #135d56;
  border-top: 1px solid gray;
  color: white;
}

#top table {
        padding:0;
        margin:0;
        margin-left: 14px;
}

#top table p {
        padding:0;
        margin:0;
        font-size: 28px;
        font-weight: 300;
        margin-left: 20px;
}

#main {
                margin: 30px;
                width: 1220px;
}

#bottom {
    position: relative;
    background-color:#135d56;
    color: white;
    z-index: 0;
    height:32px;
    position: relative;
    text-align: center;
    text-align: right;
    padding-right:20px;
    margin: 0;
    border: none;
    border-top: 1px solid #e6e6e6;
}

/*
#track {
  clear: both;
  overflow-x:hidden;
  overflow-y:scroll;
  //margin-top: 5px;
  margin-left: 20px;
}

#trackRefName{
  text-align: right;
  vertical-align: top;
  margin-bottom: 0;
}

#trackRefName p{
  margin:5px;
}

#content {
  overflow-y:auto;
  overflow-x:hidden;
  margin-left: 20px;
  //min-width : 1100px;
  width : 1190px;
}

#content2 {
  position: relative;
  margin-left: 20px;
}
*/

#content {
  overflow-y:auto;
  overflow-x:hidden;
  margin-left: 20px;
}

#track,
#GWAS_plot,
#content,
#content2 {
        width: 1220px;
        margin:0;
        padding:0;
}
#track table,
#GWAS_plot table,
#content table,
#content2 table {
        width: 100%;
        border-collapse: collapse;
}

#track table tr td,
#GWAS_plot table tr td,
#content table tr td,
#content2 table tr td {
        background-color:#F7F7F9;
        border: 1px solid #c3c3c3;
        padding: 10px;
        border-bottom: none;
}

#track table tr th,
#GWAS_plot table tr th,
#content table tr th,
#content2 table tr th {
        border: 1px solid #c3c3c3;
        //background-color:#e3e6e6;
        background-color:#dcdcdc;
        padding: 10px;
        width: 160px;
        border-bottom: none;
}

#trackRefName{
  text-align: right;
  vertical-align: top;
  margin-bottom: 0;
}

#indicator{ 
  margin-left: 20px;
  height: 1px;
}

#ind { 
  position: absolute; 
  //margin-top: -150px;
  margin-top: -152px;
  //margin-left: -30px;
  margin-left: 70px;
  z-index: 1;
}

#zoombar{
  height: 1px;
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}

#zbar{
  margin-top: -30px;
  position: absolute;
}

#cellinf{
  position: absolute; 
  z-index: 2;
  top : 0px;
  left : 50px;
}

#dialog_color_manager  input {
  font-family: Courier New;
}

#cellinf_doc{
  font-family: Courier New;
  font-size:  12px;
  background-color: white;
}

.ui-widget-overlay {
  background: #000;
}

.cellDigInfoTd {
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
}

.cellTdBlank { 
  border-style:none; 
}

.curHelp{
  cursor:help; 
}

.curPointer{
  cursor:pointer; 
}

#dialog_p3 .ui-widget-header {
  border: 0;
}

.fontCourierNew{
  font-family: Courier New;
  table-layout: fixed;
  word-wrap: break-all;
  word-break: break-all;
}

.colorForm{
  width:60px;
}

.gffWindowItems{
  padding-left: 20px;
  color:black;
  text-decoration: underline;
}

.gffWindowStr{
  padding-left: 20px;
  color:black;
}

.gffWindowItems a{
  color:#0000de;
}

.gffWindowItems:hover a{
  cursor:pointer;
  color:orange;
}

.gffWindowItems:hover{
  cursor:pointer;
  color:orange;
}

.gffWindowClose:hover{
  cursor:pointer;
}

#cvs_track_list, #cvs_tracks {
	display: block;
	margin: 0px;
	padding: 0px;
}

#track_table {
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
#change_view_line {
	width: 1000px;
}
#switch_view {
	font-size: 6pt;
	background-color: white;
	padding: 1px;
	border: 2px solid #000080;
	float: left;
	width: 56px;
	text-align: center;
	margin-left: 1px;
	z-index: 1;
}

#main_view_tr {
	vertical-align: top;
	
}

#title_td_div {
	position: relative;
}

#view_td_div {
	position: relative;
}

.paper_div {
	margin: 10px 0;
}

.paper_dialog_head_div {
	font-size: 1.2em;
	font-weight: bold;
}

.paper_dialog_content_div {
	font-size: 1.2em;
	padding: 10px;
}

#plot_img {
	display: block;
	margin: 30px auto;
}

#pheno_title {
	display: run-in;
        margin: 30px auto;
}

#select_phenotype_div {
        display: block;
        margin: 30px auto;
}

#phenotype_gene_table th {
	white-space: nowrap;
}

#snpeff_checkbox_div {
	float: right;
}

#cvs_errmsg {
        position:absolute;
        top:150px;
        left:400px;
        z-index:10000;
}

#cvs_clserr {
        position:absolute;
        top:153px;
        left:1017px;
        z-index:20;
}

/*--------------------CSS for BLAST in dialog.html-------------------------*/
#dialog_blast {
        //padding:4px;
	font-size:12px;
}
#dialog_blast table {
        margin-top:0px;
        margin-bottom: 0px;
}
#blastSubmit table {
        margin-top:0px;
        margin-bottom: 0px;
}

#dialog_blast th {
        padding-right:20px;
}

#blastSetting input {
        width:90px;
        border:1px solid gray;
}

#blastSubmit {
        width:100%;
        height: 40px;
        background-color: gray;
        border: 1px solid gray;
}

#btnpos {
        padding-left: 20px;
        padding-top: 5px;
}

#phenoid {
	width:105px;
}

#phyloid {
        width:105px;
}

.main{
        display:none;
        font-size: 12px;
}

.resdiv {
        width:100%;
        height: 40px;
        background-color: gray;
        border: 1px solid gray;
}
.restd {
        padding-left: 20px;
        padding-top: 5px;
}

.grad-wrap {
  position: relative;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 12px;
  margin: auto;
  padding: 0;
  border: 1px solid #777;
  border-radius: 2px;
  background: white;
  color: #777;
  text-align: center;
  cursor: pointer;
}
.grad-btn::before {
  content: "\025bc";
//  content:"\2304";
//  content: "\2B9F";
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /* Hidden div height */
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /* Hidden height by gradation */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /* Check box is always hidden */
}
.grad-trigger:checked ~ .grad-btn::before {
  /* If checked, change the word */
  content: "\025b2";
//  content:"\2303";
//  content: "\2B9D";
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /* If checked, return height */
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /* If it is checked, hide grad-item::before */
}