/* CSS for formpopup */

/* row sort */
nobr.btn span {
  color: #44e;
  font-size: 70%;
  font-weight: bold;
  margin-left: 0.3em;
  cursor: pointer;
}
nobr.btn span:hover {
  color: #e4e;
}

/* float button */

caption {
  min-height: 20px;
  text-align: left;
  margin: 0;
}
caption div {
  z-index: 5;
  background: #fff;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0 0 3px;
}
caption span {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: bold;
  padding: 1px;
  border: 2px solid;
  border-color: #aaa #444 #444 #aaa;
  margin: 0 0.3em;
  cursor: pointer;
}

span.filter, span.search {
  background: #edc;
  color: #44e;
}
span.grbtn {
  background: #aee;
  color: #c4c;
}
span.grbtn.gron {
  background: #cde;
  color: #44e;
}
span.rbtn {
  background: #fdd;
  color: #000
}
caption span:hover {
  color: #e66;
}

/* popup */
div#popup {
  position: absolute;
  max-width: 90%;
  border: blue solid 2px;
  background: #fee;
  left: 5%;
  top: 5%;
  padding: 0;
  z-index: 6;
  box-shadow: 4px 4px 8px 8px rgba(0,0,0,0.4);
}
div#popup div.title {
  text-align: center;
  margin: 0;
  padding: 1px 1em;
  background: #33f;
  color: #fff;
  font-weight: bold;
  position: relative;
}
div#popup div#cbtn {
  position: absolute;
  margin: 0 0.2em;
  right: 0;
  background: #f33;
  color: #fff;
  cursor: pointer;
}
div#popup span#gbtn {
  display: inline-block;
  background: #cfc;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  padding: 1px;
  border: 2px solid;
  border-color: #aaa #444 #444 #aaa;
}
div#popup table {
  margin: 0.5em 1em;
}
div#popup p {
  text-align: center;
  line-height: 1.4em;
  margin: 0.5em;
}
th.edited, td.edited {
  color: blue;
  font-style: italic;
}
th.editing, td.editing {
  background-color: #fde;
}


/* total subtotal */
tr.subtotal td, tr.total td {
  text-align: center;
}
/* group */
tr.group td {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

/* filterpopup */
#filterpopup {
  top: 20%;
  position: fixed;
  z-index: 7;
  left: 10%;
  max-width: 80%;
  background: #fff;
  border: blue solid 2px;
}

#filterpopup p {
  padding: 0.2em 0.5em;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
#filterpopup p.title {
  background: #ccf;
  margin-bottom: 0.5em;
}
#filterpopup p.button {
  margin-top: 0.5em;
}