/* Style sheet for DARTS web page */

/* ========================================================================= */

/**
 ** FLEX BOX : Align <div> element horizontally
 **/
.flex_box {
  display: -webkit-flex;
  display: flex;
  /*-webkit-justify-content: space-around;
  justify-content: space-around;*/
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.flex_box div:not(:first-of-type){
  margin-left: 40px;
}

.flex_box div:first-of-type{
  margin-left: 20px;
}


/**
 ** FOR QL Image
 **/

#qlcontent {
  margin: 0 0 0 50px;
}

.map_image {
   height : 450px;
   width  : 500px;
   border : 0px;
}

.map_data {
   /* height : 180px;*/
   width  : 250px;
   border : 0px;
}

.map_ql_bar ul {
  margin : 0;
  padding : 0;
  list-style: none;
}
.map_ql_bar li {
  display : inline;
  width : 10%;
}

.map_ql_bar img {
  max-width : 100%;
  width : 150px;
  height : auto;
  border : none;
}

.map_ql_bar table {
  width: 1500px;
  border-top : dotted 1px gray;
  border-spacing: 0;
}

.map_ql_bar th {
  max-width : 100%;
  width : 150px;
  height : auto;
/*  border-top : solid 1px;*/
  border : none;
  padding-top: 5px;
  text-align: left;
}

.map_ql_bar td {
  max-width : 100%;
  width : 150px;
  height : 114px;
  border-bottom : dotted 1px gray;
/*  border : none;*/
  padding-bottom: 5px;
  text-align: center;
}

.public_list h3{
  margin-top: 20px;
  border-bottom: dotted 1px gray;
}

.public_list dl dt {
  margin-bottom: 5px;
}

.public_list dl dd {
  margin-bottom: 10px;
}

.doc_title {
  font-weight: bold;
}

.journal {
  font-style: italic;
}