/**
	##### DIALOG BOX #####
*/
.p-f-dialog-overlay {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1098;
	cursor: pointer;
	zoom: 1;
}

.p-f-dialog-wrapper {
	background-color: #2b2b2b;
	color: #ffffff;
	font-family: arial, sans-serif;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1099;
	font-size: 10px; /* reset font size */
}

.p-f-dialog-wrapper-inner {
	outline: none
}

.p-f-dialog-close {
	background: #2b2b2b;
	border: 0 none;
	cursor: pointer;
	width: 1.4em;
	height: 1.4em;
	margin: 0.8em;
	padding: 0;
	position: absolute;
	right: 0;
	z-index: 1099;
	font-size: 10px;
}

.p-f-dialog-close img {
	width: 1.4em;
	height: 1.4em;
	cursor: pointer;
}

.p-f-dialog-content {
	float: left;
	padding: 1.6em 3em 1.6em 1.6em;  /* 16px 30px 16px 16px */
}

.p-f-dialog-content-inner {
	color: #ffffff;
}

.p-f-dialog-heading {
	white-space: nowrap;
	padding: 0 0 0.8em 0; /* 0 0 8px 0 */
	margin: 0;
	font-size: 1.8em; /* 18px */
	color: #ffffff;
}

.p-f-dialog-text {
	padding: 0;
	margin: 0;
	font-size: 1.3em; /* 13px */
	color: #ffffff;
    line-height: 1.3em;
}

.p-f-dialog-content a {
    color: #85bae6;
    text-decoration: none;
}

.p-f-dialog-content a:hover {
    text-decoration: underline;
}

/* Removed as should not hide close button on small screens.
@media only screen and (max-width: 280px), only screen and (max-device-width: 280px) {
	.p-f-dialog-wrapper .p-f-dialog-content {
		padding: .8em;
	}

	.p-f-dialog-wrapper .p-f-dialog-close {
		display: none;
	}
}
*/

@media only screen and (max-width: 480px) {
    .p-f-dialog-wrapper {
        max-width: 98%;
        min-width: 80%;
    }

    .p-f-dialog-heading {
        white-space: normal;
        line-height: 1.3em;
        padding: 0 0 0.3em
    }

    .p-f-dialog-image {
        margin-bottom: 0
    }

    .p-f-dialog-signin {
        margin-top: 2.5em
    }
}