.box {
  width: auto;
  margin: 0px auto;
  background: white;
  padding:2px 10px;
  text-align: left;
  color: #fff;
  font-family: arial;
  position:relative;
   -moz-border-radius: 5px;
border-radius: 5px;
    top: 0px;
    right: 8px;
}

.sb:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid white;
  border-top: 10px solid white;
  border-bottom: 20px solid transparent;
  left: -10px;
  top: 5px;
}




.box1r {
  width: auto;
  margin: 0px auto;
  background: #FFF0B7;
  padding:2px 10px;
  text-align: left;
  color: #fff;
  font-family: arial;
  position:relative;
   -moz-border-radius: 5px;
border-radius: 5px;
    top: 0px;
    left: 5px;
}

.sb1r:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 10px solid #FFF0B7;
  border-top: 10px solid #FFF0B7;
  border-bottom: 10px solid transparent;
  left: -10px;
  top: 0px;
}

.box1 {
  width: auto;
  margin: 0px auto;
  background: #E7F5D3;
  padding:2px 10px;
  text-align: left;
  color: #fff;
  font-family: arial;
  position:relative;
   -moz-border-radius: 5px;
border-radius: 5px;
    top: 0px;
    left: 10px;
}
.sb1:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #E7F5D3;
  border-right: 10px solid transparent;
  border-top: 10px solid #E7F5D3;
  border-bottom: 10px solid transparent;
  right: -10px;
  top: 0px;
}

.sb11:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid #F1F9E8;
  border-top: 5px solid #F1F9E8;
  border-bottom: 10px solid transparent;
  left: -20px;
  top: 5px;
}


.box2 {
  width: auto;
  margin: 0px auto;
  background: white;
  padding:5px 25px;
  text-align: left;
  color: #fff;
  font-family: arial;
  position:relative;
   -moz-border-radius: 5px;
border-radius: 5px;
    top: 0px;
    left: 8px;
}
.sb2:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid white;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  border-bottom: 10px solid transparent;
  right: -20px;
  top: 0px;
}



.box1w {
  width: auto;
  margin: 0px auto;
  background: white;
  padding:2px 10px;
  text-align: left;
  color: #fff;
  font-family: arial;
  position:relative;
   -moz-border-radius: 5px;
border-radius: 5px;
    top: 0px;
    left: 5px;
}

.sb1w:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 10px solid white;
  border-top: 10px solid white;
  border-bottom: 10px solid transparent;
  left: -10px;
  top: 0px;
}