/* labeler css definition */
.plb_box {
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  display:block;
}


.plb_box .plb_arrow_box {
  position:absolute;
  top:0;
  left:0;
}

.plb_box .plb_arrow_box .plb_arrow {
  position:absolute;
  top:0;
  left:0;
  width:62px;
  height:62px;
  background:url(../img/labeler/arrow_black.png) top left no-repeat;
}

.plb_box .plb_label {
  position:absolute;
  top:0;
  left:0;
  margin:30px 0 0 30px;
  display:block;
  padding:8px 12px 8px 12px;
  width:240px;
  line-height:18px;
  color:#fff;
  z-index:1000;
}

.plb_box .plb_arrow_box .plb_label {
  padding:9px 11px 7px 13px;
  background:url(../img/labeler/arrow_bg_black.png) center center repeat;
  color:#333;
}


/* error style */
.plb_box.error .plb_arrow_box .plb_arrow {
  background-image:url(../img/labeler/arrow_error.png);
}

.plb_box.error .plb_label {
  color:#700;
}

.plb_box.error .plb_arrow_box .plb_label {
  background-image:url(../img/labeler/arrow_bg_error.png);
  color:#cc2600;
}

/* success style */
.plb_box.success .plb_arrow_box .plb_arrow {
  background-image:url(../img/labeler/arrow_success.png);
}

.plb_box.success .plb_label {
  color:#070;
}

.plb_box.success .plb_arrow_box .plb_label {
  background-image:url(../img/labeler/arrow_bg_success.png);
  color:#75cc00;
}

/* info style */
.plb_box.info .plb_arrow_box .plb_arrow {
  background-image:url(../img/labeler/arrow_info.png);
}

.plb_box.info .plb_label {
  color:#333;
}

.plb_box.info .plb_arrow_box .plb_label {
  background-image:url(../img/labeler/arrow_bg_info.png);
  color:#666;
}                  
     
/* different orientation */
/* top-right */
.plb_box.top_right .plb_label {
  margin:30px 30px 0 0;  
}

.plb_box.top_right .plb_arrow_box .plb_arrow {
  background-position:-63px 0px;
}

/* bottom-right */
.plb_box.bottom_right .plb_label {
  margin:0 30px 30px 0;  
}

.plb_box.bottom_right .plb_arrow_box .plb_arrow {
  background-position:-63px -63px;
}

/* bottom-left */
.plb_box.bottom_left .plb_label {
  margin:0 0 30px 30px;  
}

.plb_box.bottom_left .plb_arrow_box .plb_arrow {
  background-position:0px -63px;
}


/* predefined sizes */
/* small arrow */
.plb_box.small .plb_arrow_box .plb_arrow {
  width:25px;
  height:25px;
}

.plb_box.small .plb_label {
  margin:12px 0 0 12px;
}

.plb_box.small.top_right .plb_label {
  margin:12px 12px 0 0;
}

.plb_box.small.bottom_right .plb_label {
  margin:0 12px 12px 0;
}

.plb_box.small.bottom_left .plb_label {
  margin:0 0 12px 12px;
}

.plb_box.small.top_right .plb_arrow_box .plb_arrow {
  background-position:-99px 0;
}

.plb_box.small.bottom_right .plb_arrow_box .plb_arrow {
  background-position:-99px -99px;
}

.plb_box.small.bottom_left .plb_arrow_box .plb_arrow {
  background-position:0 -99px;
}

/* mid arrow */
.plb_box.mid .plb_arrow_box .plb_arrow {
  width:45px;
  height:45px;
}

.plb_box.mid .plb_label {
  margin:22px 0 0 22px;
}

.plb_box.mid.top_right .plb_label {
  margin:22px 22px 0 0;
}

.plb_box.mid.bottom_right .plb_label {
  margin:0 22px 22px 0;
}

.plb_box.mid.bottom_left .plb_label {
  margin:0 0 22px 22px;
}

.plb_box.mid.top_right .plb_arrow_box .plb_arrow {
  background-position:-79px 0;
}

.plb_box.mid.bottom_right .plb_arrow_box .plb_arrow {
  background-position:-79px -79px;
}

.plb_box.mid.bottom_left .plb_arrow_box .plb_arrow {
  background-position:0 -79px;
}