/* for footnotes */
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}
span.pbj-no-word-wrap {
  white-space: nowrap;
}
/* for dropcap */
span.pbj-dropcap-firstcharacter { float: left; color: #0072b5; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

/* for box */
.pbj-box {
  width: 80%;
  padding: 2em;
  background-color: #ffffcc;
  border: 1px solid #ffeb3b;
  border-left: 8px solid #ffeb3b;
  margin: 2em auto;
}

.pbj-box.green {
  background-color: #DAF7D0;
  border: 1px solid #33aa88;
  border-left: 15px solid #33aa88;
}

.pbj-box.blue {
  background-color: #BDE5F2;
  border: 1px solid #027296;
  border-left: 15px solid #027296;
}

.pbj-box.centertext {
  text-align: center;
  vertical-align: middle;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two_fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
  margin-right: 4%;
  float: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
}

.one-half {
  width: 48%;
}

.one-third {
  width: 33%;
}

.two-third {
  width: 66%;
}

.one-forth {
  width: 24%;
}

.last {
  margin-right: 0!important;
  clear: right;
}

.with-border {
  border: black solid 1px;
}