/* PowerTip Plugin */ 
#powerTip {
	cursor: default;
	background-color: #FFFFFF;
	border-color: #dddddd;
	border: medium;
	border-radius: 6px;
	
	color: #767676;
	display: none;
	position: absolute;
	white-space: nowrap;
	z-index: 2147483647;
	/* width: 602px;
	height: 296px; */
	
/* 	box-shadow: 7px 5px 16px #444444;
 */
	-webkit-box-shadow: -6px 10px 4px -3px #D0D0D0;
	-moz-box-shadow: -6px 10px 4px -3px #D0D0D0;
	box-shadow :-6px 10px 4px -3px #D0D0D0;

}
/* toolTips for '*sList' actions */
.powerTipMinSize {
	min-width: 200px;
	min-height: 20px;
	padding: 5px;
}
.powerTipMaxSize{
	width: 602px;
	height: 296px;
}
.s .powerTip-arrow-top { 
    position: absolute;
	top: -9px;
	left: 50%;
	width: 17px;
	height: 10px;
	background: url('../images/buttons/actionsIcons/arrow-top.png') no-repeat;
}
.n .powerTip-arrow-bottom { 
    position: absolute;
	bottom: -9px;
	left: 50%;
	width: 17px;
	height: 10px;
	background: url('../images/buttons/actionsIcons/arrow-bottom.png') no-repeat;
}

/*#powerTip.n:before , #powerTip.s:before  {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}*/

#powerTip:before {
	content: "";
	position: absolute;
}
#powerTip.s:before {
	
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid #858585;
	border-top: 10px solid #858585;
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid #858585;
	border-right: 10px solid #858585;
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid #858585;
	border-bottom: 10px solid #858585;
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid #858585;
	border-left: 10px solid #858585;
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid #858585;
	border-top: 10px solid #858585;
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid #858585;
	border-bottom: 10px solid #858585;
	top: -10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: 10px #858585;
	border-top: 10px solid #858585;
	bottom: -10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 10px;
}
#powerTip.ne-alt:before {
	left: auto;
	right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: none;
	border-bottom: 10px solid #858585;
	border-bottom: 10px solid #858585;
	bottom: auto;
	top: -10px;
}
#powerTip.se-alt:before {
	left: auto;
	right: 10px;
}
.tooltip-title {
	border-radius: 5px 5px 0 0;
	background-color: #eeeeee;
	padding: 10px 10px 2px;
}
.tooltip-title-right {
	border-radius: 0 0 0 6px;
	position: absolute;
   	top: 0;
   	right: 0;
   	padding: 7px;
}
.tooltip-body-left {
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 0 0 6px 6px;
	float: left;
}
.tooltip-body-left img {
	max-height: 300px;
	max-width: 300px;
}
.tooltip-body-right {
	background-color: #FFFFFF;
	border-radius: 0 0 6px 6px;
	/* float: right; */
	height: 100%;
   	padding: 10px 10px 55px;
   	min-width: 108px;
}
.tooltip-body-bottom {
	/* float: right;
	position: relative; */
	bottom: 0;
    float: right;
    padding: 10px;
    position: absolute;
    right: 0;
}
.tooltip-body-bottom .img-div {
	
}
.tooltip-body-bottom .img-div img {
	padding-left: 2px;
}
.tooltip-name {
	font-weight: bold;
}
.tooltip-value {
	clear: both;
	max-width: 300px;
	display: block;
	white-space: normal;
	padding-bottom: 5px;
	/* text-align: justify; */
}