/* Box Wrapper */
.box {
  background: #f1f1f1;
  margin: 15px 5px 5px;
  border-radius: 15px;
  padding-bottom: 5px;
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 6px 20px 0 rgba(0, 0, 0, 0.19), 0px -4px 8px 0 rgba(0, 0, 0, 0.2);
}
.boxtop {
  background: #f1f1f1;
}
.boxtop div {
  font-size: 0;
  height: 0px;
}
/* box top match matches the same style as the bottom in color */
.boxtopMatch {
  background: #f1f1f1 url(../images/ne_match.gif) no-repeat top right;
}
.boxtopMatch div {
  font-size: 0;
  height: 5px;
  background: url(../images/nw_match.gif) no-repeat top left;
}
.boxcontent {
  background-color:#f1f1f1;
  padding: 5px 15px 0px;
}
.boxheader {
  padding: 5px 15px 5px 15px;
  color:#006ba6;
  font-weight: bold;
  font-size: 2em;
}
.boxheaderMatch {
  background: #f1f1f1;
  padding: 0px 5px 2px;
  font-weight: bold;
}
.boxbottom {
  background: #f1f1f1;
}
.boxbottom div {
  font-size: 0;
  height: 0px;
}


/* Box Warning Wrapper */
.boxWarning {
  background: #F9DE83;
  margin: 10px 5px 5px;
}
.boxtopWarning {
  background: #F9DE83 url(../images/ne_warning.gif) no-repeat top right;
}
.boxtopWarning div {
  font-size: 0;
  height: 5px;
  background: url(../images/nw_warning.gif) no-repeat top left;
}
/* box top match matches the same style as the bottom in color */
.boxtopMatchWarning {
  background: #F9DE83 url(../images/ne_match.gif) no-repeat top right;
}
.boxtopMatchWarning div {
  font-size: 0;
  height: 5px;
  background: url(../images/nw_match.gif) no-repeat top left;
}
.boxcontentWarning {
  background-color:#FFFFE0;
  padding: 5px 5px 0px;
  color: #21609F;
}
.boxheaderWarning {
  background: #F9DE83;
  padding: 0px 5px 2px;
  font-weight: bold;
  text-align:center;
}
.boxheaderMatchWarning {
  background: #F9DE83;
  padding: 0px 5px 2px;
  font-weight: bold;
}
.boxbottomWarning {
  background: #FFFFE0 url(../images/se_warning.gif) no-repeat bottom right;
}
.boxbottomWarning div {
  font-size: 0;
  height: 5px;
  background: url(../images/sw_warning.gif) no-repeat bottom left;
}


/* Box Informative Wrapper */
.boxInfo {
  background: #FFFBCF;
  margin: 10px 5px 5px;
}
.boxtopInfo {
  background: #FFFBCF url(../images/ne_info.gif) no-repeat top right;
}
.boxtopInfo div {
  font-size: 0;
  height: 5px;
  background: url(../images/nw_info.gif) no-repeat top left;
}
/* box top match matches the same style as the bottom in color */
.boxtopMatchInfo {
  background: #FFFBCF url(../images/ne_match.gif) no-repeat top right;
}
.boxtopMatchInfo div {
  font-size: 0;
  height: 5px;
  background: url(../images/nw_match.gif) no-repeat top left;
}
.boxcontentInfo {
  background-color:#FFFBCF;
  padding: 0px 5px 0px;
}
.boxheaderInfo {
  background: #FFFBCF;
  padding: 0px 5px 2px;
  font-weight: bold;
  text-align:center;
}
.boxheaderMatchInfo {
  background: #FFFBCF;
  padding: 0px 5px 2px;
  font-weight: bold;
}
.boxbottomInfo {
  background: #FFFBCF url(../images/se_info.gif) no-repeat bottom right;
}
.boxbottomInfo div {
  font-size: 0;
  height: 5px;
  background: url(../images/sw_info.gif) no-repeat bottom left;
}

/* Nested box */

.nestedBoxheader {
  background-color: #ACC8F2;
  color: #0A2F66;
  padding-top: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.nestedBoxcontent {
  border-left: 1px solid #ACC8F2;
  border-right: 1px solid #ACC8F2;
  border-bottom: 1px solid #ACC8F2;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-bottom: 5px;
}