@charset "utf-8";
html {
	height:100%;
}
body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background-color:#CCC;
}

.panel {
	display:block;
	margin:0 auto;
	width:824px;
	height:100%;
	padding:20px 20px;
	text-align:left;
}
.title {
	color:#333;
	font-size:22px;
	font-weight:bold;
	margin-left:5px;
}	
#container {
	clear:both;
	position:relative;
	
}
.info-section {
	display:block;
	width:600px;
	height:300px;
	background-color:#EEE;
	margin-top:20px;
	position:relative;
	overflow:hidden;
}
.frm-panel {
	position:absolute;
	top:0;
	left:0;
	width:180px; 
	height:280px; 
	padding:10px; 
	clear:none;
	font-size:12px;
	color:#000;
}
.frm-sec {
	margin-bottom:15px;
}
.section {
	position:absolute;
	top:0;
	left:0;
	display:block;
	clear:none;
	width:580px;
	height:100%;
	padding:10px;
	margin-left:200px; 
	background-color:#222;
	color:#FFF;
	font-size:14px;
}
select {
	width:180px;
}
.copyright {
	width:100%;
	text-align:right;
	font-size:11px;
	margin:18px 0 0;
}