/* PowerTip Plugin */
#mainmenutips,#powerTip {
	cursor: default;
	background-color: #000; /* fallback for browsers that dont support rgba */
	/*background-color: rgba(255, 255, 255, 0.8);*/
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 14;
	border: 1px solid #01a7df;
	
	
}

#mainmenutips{
	width:130px;
	padding: 10px;
	text-align: center;
	font-size:14px;
}

#powerTip .tips_ul{
	display: block;
	white-space: normal;
	width:120px;
	padding: 10px;
	line-height:18px;
	font-size:12px;
}

#powerTip .tooltips-tag .tag{
	color:#01a7df;
	font-size:12px;
}
#powerTip .tooltips-tag{
	line-height:24px;
	padding: 10px;
}

#mainmenutips.e:after,
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before,
#powerTip.n:after, #powerTip.e:after, #powerTip.s:after, #powerTip.w:after,
#powerTip.ne:after, #powerTip.nw:after, #powerTip.se:after, #powerTip.sw:after {
	content: "";
	position: absolute;
}

#powerTip.n:after, #powerTip.s:after {
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	left: 50%;
	margin-left: -3px;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}

#mainmenutips.e:after, #mainmenutips.w:after, 
#powerTip.e:after, #powerTip.w:after {
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
	margin-top: -3px;
	top: 50%;
}

#mainmenutips.e:before,#mainmenutips.w:before,
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}


#powerTip.n:after {border-top: 10px solid rgba(0, 0, 0, 1);bottom: -10px;}
#powerTip.n:before{border-top: 11px solid rgba(1, 167, 223, 1);bottom: -11px;}

#mainmenutips.e:after,#powerTip.e:after {border-right: 10px solid rgba(0, 0, 0, 0.8);left: -10px;}
#mainmenutips.e:before,#powerTip.e:before{border-right: 11px solid rgba(1, 167, 223, 1);left: -11px;}

#powerTip.s:after {border-bottom: 10px solid rgba(0, 0, 0, 0.8);top: -10px;}
#powerTip.s:before {border-bottom: 11px solid rgba(1, 167, 223, 1);top: -11px;}

#powerTip.w:after {border-left: 10px solid rgba(0, 0, 0, 0.8);right: -10px;}
#powerTip.w:before{border-left: 11px solid rgba(1, 167, 223, 1);right: -11px;}



#powerTip.ne:after, #powerTip.se:after {
	border-right: 8px solid transparent;
	border-left: 0;
	left: 8px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}

#powerTip.nw:after, #powerTip.sw:after {
	border-left: 8px solid transparent;
	border-right: 0;
	right: 8px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}

#powerTip.ne:after, #powerTip.nw:after {border-top: 10px solid rgba(0, 0, 0, 0.8);bottom: -10px;}
#powerTip.ne:before, #powerTip.nw:before {border-top: 11px solid rgba(0, 167, 223, 1);bottom: -11px;}

#powerTip.se:after, #powerTip.sw:after {border-bottom: 10px solid rgba(0, 0, 0, 0.8);top: -10px;}
#powerTip.se:before, #powerTip.sw:before {border-bottom: 11px solid rgba(0, 167, 223, 1);top: -11px;}