.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	/*border: solid 2px black;*/
	z-index: 99999;		
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;		
	text-align: center;
	overflow: scroll;
	display: none;
}

.modalDialog > div {
	width: 900px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;		
	background: #eee;
}

	#product-table > tbody > tr > th {
		text-align: center;
	}  	

	#mail-result-box {
		color: #2a67a4;
		font-size: 1.2em;
	}
	
	#product-table > tbody > tr > td {
		vertical-align: middle;
	}

	.form-field {		
		margin-bottom: 5px;
	}
	.form-field > input , .form-field > textarea {
		font-size: 14px;
	}                
	.modal-dialog-btn {
		border-radius: 10px;
	}

	.red-placeholder::-webkit-input-placeholder {
 	   color: red;
	}
	.red-placeholder::-moz-placeholder {	
	   color: red;
	}
	.red-placeholder:-moz-placeholder {   /* Older versions of Firefox */
	  color: red;
	}
	.red-placeholder:-ms-input-placeholder {
	    color: red;
	}

        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and ( orientation : portrait) {
            .modalDialog > div {
		width: 750px;
            }   
        }