body {
 font-family: Arial, Helvetica, sans-serif;
 font-size : 14px;
}

h3 {
 font-weight : bold;
 margin  : 2px;
 padding : 2px;
}

/*---- [2] abstract definition ----*/
#abstract table{
  margin: 0px;
  padding: 0px;
  width: 100%;
}
h1{
  font-size : 18px;
  display : inline;
}
#abstract dt{
  width : 100%;
}
#abstract dd{
  text-indent : 8px;
  margin-left: 15px;
}
#howto{
  font-size: 14px;
}

/*-- browser&viewer explain area view control span definition --*/
#abstract-ctl-span{
  color : blue;
  text-decoration : underline;
  cursor : pointer;
}

/*-- browser&viewer explain area(ul,li) definition --*/
#abstract-more{
  position: relative;
  display : none;
}
#abstract-more-ul{
  list-style-type: circle;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}
#abstract-more-ul li{
  margin: 0px;
  padding: 0px;
  font-size : 14px;
}
#abstract-more-ul2{
  list-style-type: decimal;
  margin: 0px;
  padding: 0px 0px 0px 26px;
}
#abstract-more-ul2 li{
  margin: 0px;
  padding: 0px;
  font-size : 14px;
}


/*---- [3] tab select definiton ----*/
#tab-area{
  position : relative;
  height : 40px;
}

.selected-tab {
  position : absolute;
  background-color : green;
  border: 1px solid green;
  color:yellow;
  font-weight:bold;
  line-height:30px;
  list-style-type:none;
  margin:5px;
  padding:0px;
  text-align:center;
  top:0px;
  width:230px;
}

.other-tab {
  position : absolute;
  background-color : #DDFFDD;
  border: 1px solid green;
  color: blue;
  /*-- font-weight: bold; --*/
  line-height: 30px;
  list-style-type: none;
  margin:5px;
  padding:0px;
  text-decoration : underline;
  text-align: center;
  top: 0px;
  width:230px;
  cursor: pointer;
}

#tab-line {
  position:absolute;
  background-color:green;
  font-size:0px;
  height:2px;
  left:0px;
  top:35px;
  width:750px;
}

/*---- used in [4],[5],[6] ----*/
.mining-way{
  display : none;
}

/*---- [4] Chromosome Overview definition ----*/
#chr-ov-pgmap-td{
  width : 350px;
  height : 30px;
  background-color: #ffeeee; 
  font-size: 14px;
  cursor : pointer;
}

#chr-ov-unifiedmap-td{
  width : 350px;
  height : 30px;
  background-color : #eeffee;
  font-size : 14px;
  cursor : pointer;
}

#chr-ov-image-frame{
  height:310px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:610px;
}

.chr-ov-chr-id-tag{
  position: absolute;
  color : blue;
  text-decoration : underline;
  cursor : pointer;
  z-index : 10;
  font-size : 12px;
}


/*---- [5] Keyword and Position Search definition ----*/
#position-search-table td{
  white-space : nowrap;
  margin: 0px;
  padding: 0px;
}

#data-set-select-table td{
  white-space : nowrap;
  margin: 0px;
  padding: 0px;
}

.height-space{
  height: 10px;
}

input{
  font-size: 12px;
}


.helpbox, .resBox {
  font-size: 85%;
  color: #666;
  border: solid 1px #ccc;
  /* background-color: #def; */
  margin-left: 1em;
  padding: 0.5em;
  margin-bottom: 0.5em;
  zoom:1;
}

.s-tbl th, .s-tbl td {
	border: 1px  #000;
}
.s-tbl tr:nth-child(odd) {
	background: #eee;
}