/*
Popr 1.0
Copyright (c) 2015 Tipue
Popr is released under the MIT License
http://www.tipue.com/popr
*/


.popr
{
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
}
.popr a
{
     color: #333;
     text-decoration: none;
     border: 0;
}
.popr-box
{
     display: none;
     font-size: 9pt;
     line-height: 12pt;
}
.popr_content
{
     background-color: #fff;
     padding: 7px 0;
     margin: 0;
     cursor: default;
     font-size: 10pt;
}
.popr-item
{
     font: Helvetica, Arial, sans-serif;
     color: #555555;
     padding: 4px 16px 5px 10px;
     text-align: left;
     transition: all 0.3s;
}
.popr-item:hover
{
     color: #222222;
     background-color: #f2f2f2;
}

.popr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 10px;
     box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     z-index: 900;
}
.popr_container_top
{
     display: none;
     position: absolute;
     box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     z-index: 900;
}

.popr_container_topright
{
     display: none;
     position: absolute;
     margin-top: 10px;
     box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     z-index: 900;
}

.popr_point_top, .popr_point_bottom, .popr_point_topright
{
     position: relative;
	background: #fff;
	border: 1px solid #bbbbbb;
}
.popr_point_top:after, .popr_point_top:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_top:after
{
	border-top-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.popr_point_top:before
{
	border-top-color: #bbbbbb;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}

.popr_point_bottom:after, .popr_point_bottom:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_bottom:after
{
	border-bottom-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.popr_point_bottom:before
{
	border-bottom-color: #bbbbbb;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}


.popr_point_topright:after, .popr_point_topright:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_topright:after
{
	border-bottom-color: #fff;
	border-width: 8px;
	right: 10px;
	margin-left: -8px;
}
.popr_point_topright:before
{
	border-bottom-color: #bbbbbb;
	border-width: 9px;
	right: 9px;
	margin-left: -9px;
}