.popbox {
  
  
  position:relative;
  
}

.collapse { position:relative; }

.open {
    float: left;
	width: 22px;
	height: 22px;
	font-size: 19px;
	font-family: Arial,Tahoma;
	color: #CACAD9;
	margin: -23px 0px 0px 30px;
	border: 1px solid rgb(255, 255, 255);
}

.box {
	display: none;
    background: none repeat scroll 0% 0% #FFF;
	position: absolute;
	width: 255px;
	z-index: 999;
	float: left;
	margin: -2px 0px 0px 10px;
	border: 1px solid #777;
	border-radius: 3px;
	text-align: right;
	box-shadow: 1px 2px 8px -1px #999;
	height: 190px;
	direction: rtl;
	padding: 8px 10px
}
	
.box:before{
	border: solid;
	border-color: #555555 transparent;
	border-width: 0px 7px 7px 7px;
	top: -6px;
	content: " ";
	left: 9%;
	position: absolute;
	z-index: 99;
}

.box:after{
	border: solid;
	border-color: #FFF transparent;
	border-width: 0px 7px 7px 7px;
	top: -5px;
	content: " ";
	left: 9%;
	position: absolute;
	z-index: 99;
}

.box span.close {
	color: #F00;
	font-size: 11px;
	font-family: Tahoma,arial;
	float: left;
	z-index: 99999;
	margin: 2px 0px 0px 15px;
	cursor:pointer;
}

#reportResult{
	display:inline-block;
	width:30px;
}

.arrow {


	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right: 11px solid #FFF;
	position:absolute;
	left:-10px;

	z-index:1001;

}

      .arrow-border {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #BBBBBB;
      	position:absolute;
		left:-10px;
      	
      	z-index:1000;
      }