/* Help-popup-content and its variants */
.help-popup-content {
	position: absolute;
    height: 12px;
    width: 12px;
    cursor: pointer;
}

.help-popup-content.communication {
    top: 13px;
	left: 185px;
}

.help-popup-content.rewards {
	top: 1px;
    left: 163px;
}

.help-popup-content.mprn-gprn,
.help-popup-content.last-digits,
.help-popup-content.display-name,.help-popup-content.account {
	top: 8px;
    left: 228px;
}

.help-popup-content.communication:hover .help-popup-window.communication,
.help-popup-content.rewards:hover .help-popup-window.rewards,
.help-popup-content.mprn-gprn:hover .help-popup-window.mprn-gprn,
.help-popup-content.account:hover .help-popup-window.account,
.help-popup-content.last-digits:hover .help-popup-window.last-digits,
.help-popup-content.display-name:hover .help-popup-window.display-name {
    display: block;
}

/* Help-popup-icon and its variants */
.help-popup-icon {
	display: block;
	width: 12px;
	height: 12px;
	background-image: url('../../images/forms/help_question_mark_white_bg.gif');
}

/* Help-popup-window and its variants */ 
.help-popup-window {
	display: none;
    position: absolute;
    z-index: 1;
	padding: 5px 10px;
    width: 200px;
    min-height: 70px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 1px #ccc;
    background-color: #efefef;
    box-sizing: border-box;
}

.help-popup-window label {
	width: 100%;
}

.help-popup-window label.small {
	font-weight: normal;
}

.help-popup-window.mprn-gprn,
.help-popup-window.account,
.help-popup-window.last-digits,
.help-popup-window.display-name {
	top: -25px;
    left: 22px;
}

.help-popup-window.communication {
	top: -30px;
    left: 23px;
}

.help-popup-window.rewards {
	top: -20px;
    left: 21px;
}