#filter {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=60);
}
#box {
	display: none;
	position: absolute;
	top: 20%;
	left: 37%;
	width: 478px;
	height: 288px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}
#box textarea {
	height:100px;
	border:1px solid #CCC;
}
.btnclass {
	background-color:#ef1c22;
	color:#FFF;
	border:none;
	padding:7px;
}
.btnclass:hover {
	background-color:#000;
}
#boxtitle {
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:476px;
	height:24px;
	padding:0;
	padding-top:10px;
	padding-bottom:25px;
	left-padding:8px;
	font-size:15px;
	font-weight:bold;
	margin:0;
	border-bottom:4px solid #057500;
	background-color: #057500;
	color:white;
	text-align:center;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
#box {
	display: none;
	position: absolute;
	top: 20%;
	left: 17%;
	width: 478px;
	height: 288px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}
}
@media 
only screen and (max-width: 600px),
(min-device-width: 320px) and (max-device-width: 600px)  {
#box {
	display: none;
	position: absolute;
	top: 20%;
	left: 4%;
	width: 300px;
	height: 220px;
	padding: 20px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}
#boxtitle {
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:300px;
	height:24px;
	padding:0;
	padding-top:10px;
	padding-bottom:5px;
	left-padding:8px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	border-bottom:4px solid #057500;
	background-color: #057500;
	color:white;
	text-align:center;
}
}
#filter1 {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=60);
}
#box1 {
	display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 380px;
	height: 200px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}
#boxtitle1 {
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:476px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	font-size:15px;
	font-weight:bold;
	margin:0;
	border-bottom:4px solid #F17E18;
	background-color: #FF7903;
	color:white;
	text-align:center;
}
#filter2 {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=60);
}
#box2 {
	display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 300px;
	height: 130px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
}
#boxtitle2 {
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:396px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	font-size:15px;
	font-weight:bold;
	margin:0;
	border-bottom:4px solid #F17E18;
	background-color: #FF7903;
	color:white;
	text-align:center;
}