#confirm {
	position: relative;
	height: auto;
	padding-bottom: 30px;
}
#confirm  label {
	display: block;
	position: relative;
	min-height: 49px;
	width: 300px;
}
#confirm  label.message {
	min-height: 245px;
}
#confirm input {
	display: block;
	margin: 0;
	outline: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	width: 100%;
	height: 35px;
	border: 1px solid #9a9d9a;
	color: #8e918d;
	font: 12px/21px Arial, sans-serif;
	background: #e3e6e0;
	padding: 0 11px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}
#confirm textarea {
	display: block;
	margin: 0;
	padding: 8px 11px;
	outline: none;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font: 12px/21px Arial, sans-serif;
	background: #e3e6e0;
	color: #8e918d;
	border: 1px solid #9a9d9a;
	width: 478px;
	height: 210px;
	resize: none;
	overflow: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#confirm label > span {
	color: #000;
	position:relative;
	left: 12px;
}
#confirm .success {
	color:#60A895;
	display:none;
}
#confirm  .empty, #confirm  .error {
	font: 12px/21px "Trebuchet MS", sans-serif;
	display:none;
}
#confirm .btns {
	position: absolute;
	right: 0;
}
#confirm .btns a {
	margin-left: 16px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	#confirm  label {
		width:260px;
	}
	#confirm textarea {
		width:364px;
	}
}
@media only screen and (max-width: 767px) {
	#confirm  label {
		width:160px;
	}
	#confirm textarea {
		width:236px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#confirm  label {
		width:190px;
	}
	#confirm textarea {
		width:356px;
	}
}