a.info-graphic {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url("/pccgprefix/images/calculators/mortgageprepayment/info-graphic.png") no-repeat scroll left top transparent;
}

a.info-graphic:hover{
	background-position:left bottom;
}

a.info-graphic span.info-content{
	display:none;
}

div#infoWrap{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:250px;
	background:url("/pccgprefix/images/calculators/mortgageprepayment/overlay_left.gif") no-repeat left center;
	padding-left:14px;
}

div#infoWrap.arrow-on-right{
	background:url("/pccgprefix/images/calculators/mortgageprepayment/overlay_right.gif") no-repeat right center;
	padding:0px 18px 0px 0px;
}

div#infoText{
	position:relative;
	top:-1px;
	background:#FFF url("/pccgprefix/images/calculators/mortgageprepayment/overlay_tile.gif") repeat-x bottom;
	z-index:1;
	border:1px solid #93bdde;
	border-left:none;
	padding:10px 12px;
	min-height:45px;
}

.arrow-on-right #infoText{
	border:1px solid #93bdde;
	border-right:none;
	left:0px;
}


div#infoText p{
	margin:0px 0px 5px;
}

div#infoText span.blueText{
	color:#0079C0;
	font-weight:bold;
}

div#infoText ul{
	margin-left:18px;
}

div#infoShadow{
	background-color:#AAA;
	position:relative;
	z-index:2;
	top:1px;
}

.arrow-on-right div#infoShadow{
	left:4px;
}