body {
	/* Must use this to allow the overlay to fill the full window */
	width: 100%;
	height: 100%;
}

/* The modal overlay layer */
#modalOverlay {
	background: #000;
	cursor: wait;
}
/* The modal overlay container, will hold the window */
#modalContainer {
	left: 0;
	top: 2%;
	_top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(10 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100)) + 'px');
	width: 100%;
	text-align: center;
}

.window {
	text-align: left;
	border: 5px solid white;
	background: #fff;
	width: 500px;
	margin: 0 auto;
	/* Hide the window by default */
	display: none;
}
	.window h2 {
		background: #0088ce;
		padding: 0 5px;
		color: #fff;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
	}
	.window h2 span {
		float: left;
	}
	.window h2 a {
		float: right;
		font-weight: bold;
		color: #fff;
		padding: 0 5px;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
	}
	
		.window h2 a:hover{
			text-decoration: underline;
		} 

	.window_content {
		display: none;
	}
	
	.window_content p{
		margin: 4px 0;
	}
	
	/* Credits and notes */
	.window_content p small{
		color: #6C6C6C;
	}
	
	.window .window_content {
		display: block;
	}
	
	
	/* Message box (success or error), inside or outside the form */
	.window div.msg {
		display: none;
		background: #EFEFEF;
		overflow: hidden;
		clear: both;
	}
		.window div.msg p {
			margin: 0;
		}
		.window div.msg ul {
			list-style: disc inside;
		}
	.window div.ok,
	.window div.error {
		display: block;
	}
	
	.window form {
		padding: 0px 5px;
		overflow: hidden;
	}
		.window form p {
		}
			.window form p label {
			}
				.window form p label span {
					float: left;
				}
				.window form p label input,
				.window form p label textarea {
					font-size: 24px;
					width: 330px;
					float: right;
				}
				.window form p label textarea {
					margin-bottom: 10px;
				}
		
		.window form .register {
			background: url(feedback_bg.jpg) repeat-x;
			line-height: 32px;
			color: #fff;
			padding: 0 10px;
			font-size: 14px;
		}
			.window form .register a {
				color: #fff;
				font-weight: bold;
			}

			.window form .register a:hover {			
				text-decoration: underline;
			}
			
		.window div.alert{
			margin: 5px;
		}
		
		.window div.alert p{
			font-size: 24px;
			width: 465px;
		}
		
.window#login_window {
	width: 300px;
}
	.window#login_window form p label input,
	.window#login_window form p label textarea {
		width: 265px;
	}

.window#login_window {
	width: 300px;
}
	.window#login_window form p label input,
	.window#login_window form p label textarea {
		width: 265px;
	}

.window#daily_picture_window {
	width: 560px;
}
.window#daily_charge_window {
	width: 300px;
}
	.window#daily_picture_window p,
	.window#daily_charge_window p {
		padding: 0 5px;
	}

.daily_cover_container#modalContainer {
	top: 1%;
	_top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(1 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100)) + 'px');
}
.daily_cover_container#modalContainer .window {
	width: 520px;
}
	.daily_cover_container#modalContainer .window .window_content {
		height: 500px;
		overflow-y: auto;
	}
