#backgroundMask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; 
    height: 100%;
	opacity: 0.8;
	z-index: 10;
}

.dialog{
	display:none;
	background: #fff;
	padding: 10px; 	
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 80%;
    overflow: auto;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
}

.dialog h2 {
    text-align: center;
    vertical-align: middle;
    padding-top: 0.5em;
}

.dialog h3 {
    text-align: center;
}

.buttonClose {
}

.buttonCloseIcon {
    float: right;
    font-size: larger;
    color: black;
    text-align: center;
}