.bcToaster {
  position: fixed;
  z-index: 10000;
  border-color: #fff;
  border-style: solid;
  border-width: 0;
  color: #fff;
  overflow: hidden;
}
.bcToaster .bcClose:hover {
  background-color: #999;
}
.bcToaster .bcClose {
  background-color: #ccc;
  cursor: pointer;
  display: none;
  position: absolute;
}
.bcToaster .bcClose > div {
  background-image: url("images/triangle7x6.png");
  left: 50%;
  margin-left: -3.5px;
  margin-top: -3.5px;
  position: absolute;
  top: 50%;
}
.bcToaster.bcShowClose .bcClose,
.bcToaster.bcShowClose .bcCloseWrapper {
  display: block;
}
.bcToaster .bcCloseWrapper {
  display: none;
}

.bcToaster .bcToasterCloseButton {
  height: 30px;
  color: #000;
  border: solid 1px #999999;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

/* And now the default styling */
.bcToasterContent {
  background: #666;
  float: left;
  padding: 20px;
}

/* VERTICAL */

.bcToaster.bcBottom .bcCloseWrapper,
.bcToaster.bcTop .bcCloseWrapper {
  height: 10px;
}
.bcToaster.bcTop .bcClose > div,
.bcToaster.bcBottom .bcClose > div {
  width: 7px;
  height: 6px;
}
.bcToaster.bcTop .bcClose,
.bcToaster.bcBottom .bcClose {
  height: inherit;
  width: 100%;
}

/* HORIZONTAL */

.bcToaster.bcLeft .bcCloseWrapper,
.bcToaster.bcRight .bcCloseWrapper {
  width: 10px;
}
.bcToaster.bcLeft .bcClose > div,
.bcToaster.bcRight .bcClose > div {
  width: 6px;
  height: 7px;
}
.bcToaster.bcLeft .bcClose,
.bcToaster.bcRight .bcClose {
  height: 100%;
  width: inherit;
}

/* TOP */

.bcToaster.bcTop {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px 1px;
}
.bcToaster.bcTop .bcCloseWrapper {
  clear: both;
}
.bcToaster.bcTop .bcClose > div {
  background-position: 0px 6px;
}

/* RIGHT */

.bcToaster.bcRight {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
}
.bcToaster.bcRight.bcShowClose .bcToasterContent {
  margin-left: 10px;
}
.bcToaster.bcRight .bcCloseWrapper {
  float: left;
  margin-right: -10px;
}
.bcToaster.bcRight .bcClose > div {
  background-position: 6px 0;
}

/* BOTTOM */

.bcToaster.bcBottom {
  border-radius: 4px 4px 0 0;
  border-width: 1px 1px 0 1px;
}

/* LEFT*/

.bcToaster.bcLeft {
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
}
.bcToaster.bcLeft.bcShowClose .bcToasterContent {
  margin-right: 10px;
}
.bcToaster.bcLeft .bcCloseWrapper {
  float: right;
  margin-left: -10px;
}
.bcToaster.bcLeft .bcClose > div {
  background-position: 6px 7px;
}