@charset "utf-8";

	#grayout {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:rgba(90,90,90,.7);
		z-index:5000;
		display:none;
	}
	#modal {
        position:absolute;
		left:660px;
		top:250px;
		height:200px;
		width:600px;
		background-color:#FFF;
		-webkit-box-shadow: 10px 10px 37px 0px rgba(61,59,61,1);
		-moz-box-shadow: 10px 10px 37px 0px rgba(61,59,61,1);
		box-shadow: 10px 10px 37px 0px rgba(61,59,61,1);
		cursor:default;
	}
	.modalOverlay {
		position:relative;
		width:100%;
		height:100%;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
	}
	#modalTitle {
		position:absolute;
		font-size:22px;
		font-weight:bold;
		margin-left:25px;
		margin-top:12px;
		color:#333;
	}
	#modalBox {
		position:absolute;
		left:100px;
		top:50px;
		width:500px;
		height:100px;
		font-size:22px;
		color:#222;
	}
	#modalStatusImage {
		position:absolute;
		left:20px;
		top:60px;
	}
	#modalStatusImage img {
		height:60px;
	}
	#modalMessage {
		position:absolute;
		font-size:20px;
		color:#222;
		margin-top:-6px;
	}
	.leftModalButton {
		position:absolute;
		background-color:#DDD;
		font-size:22px;
		width:300px;
		padding-top:5px;
		height:45px;
		top:155px;
		color:#888;
		border-top:solid 1px #CCC;
		cursor:pointer;
	}
	.leftModalButton:hover {
		background-color:#AAA;
		color:#FFF;
	}
	.rightModalButton {
		position:absolute;
		background-color:#DDD;
		font-size:22px;
		left:300px;
		width:300px;
		padding-top:5px;
		height:45px;
		overflow:hide;
		top:155px;
		color:#888;
		border-left:solid 1px #888;
		border-top:solid 1px #CCC;
		cursor:pointer;
	}
	.rightModalButton:hover {
		background-color:#AAA;
		color:#FFF;
	}