@charset "utf-8";
/* CSS Document */

#formwrap {
	width: 85%;
	margin: 17px 0 20px 7%;
	background:transparent;
	border: 1px solid #f0f8ff;
	border-radius:2em;
	box-shadow: 2px 2px 5px #999;
	padding:16px 10px 40px;
	clear:both;
}
#formwrap #form {
	border-top: 1px solid #EEE;
	width:100%;
}
#form .row {
	border-bottom: 1px solid #f0f8ff;
	line-height: 38px;
	display: block;
	overflow:auto;
	padding: 24px 0;
	width:100%;
}
#form .row .label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: 600;
	width: 6em;
	text-align: right;
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
#form .row .input {
	float: left;
	/*width: auto;*/
	margin-right: 0.5em;
	width: 466px;
}
#form .row .input2 {
	float: left;
	/*width: auto;*/
	margin-right: 0.5em;
	width: 466px;
}
#form .row .context {
	color: #FFF;
	font-size: 90%;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 38px;
	float: left;
	width: 74%;
}
.detail{
	width:260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;
	border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
	color: #000;
}
.mess{
	height: 280px;
	width: 180%;
	max-width: 460px;
	overflow:auto; /*for internet explorer to remove scroll bar*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	padding: 0.2em 0.4em;
	margin:0;
	line-height: 1em;
	display: block;
    border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;
	color: #000;
}
.detail:focus{
	background-color:#acdeab;
	outline:none;
	border: 1px solid #999;
	}
.mess:focus{
	background-color:#acdeab;
	outline:none;
	border: 1px solid #999;
	}
#form #submit {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	color: #da1616;
	font-size: 140%;
	text-shadow: 1px 1px 1px #999;
	padding:0.8em;
	margin-left: 15%;
	background-color: #b8bac6;
	background: -webkit-linear-gradient(left top, #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%);
	/*background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#b8bac6), color-stop(17%,#dbdce2), color-stop(50%,#efefef), color-stop(83%,#dddfe3), color-stop(100%,#b8bac6));*/
	/*for safari menu*/
	/*background-image: -webkit-linear-gradient(left,  #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%);*/
	/*for Mozilla firefox menu*/
	background-image: -moz-linear-gradient(left, #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%);
	/*for Iinternet Explorer menu*/
	background-image: -ms-linear-gradient(left, #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%);
	/*for Opera menu*/
	background-image: -o-linear-gradient(left, #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%); 
	/*for chrome menu*/
	background-image: linear-gradient( #b8bac6 0%,#dbdce2 17%,#efefef 50%,#dddfe3 83%,#b8bac6 100%);
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
#form #submit:hover {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	color: #FFC;
	font-size: 140%;
	text-shadow: 1px 1px 1px #999;
	padding:0.8em;
	margin-left: 15%;
	background-color: #9ea1aa; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#9ea1aa), color-stop(18%,#c0c2c6), color-stop(51%,#dbdbdb), color-stop(83%,#c0c2c6), color-stop(100%,#9ea1aa)); 
	/*for safari menu*/
	background-image: -webkit-linear-gradient(left,  #9ea1aa 0%, #c0c2c6 18%, #dbdbdb 51%, #c0c2c6 83%, #9ea1aa 100%); 
	/*for Mozilla firefox menu*/
	background-image: -moz-linear-gradient(left,  #9ea1aa 0%, #c0c2c6 18%, #dbdbdb 51%, #c0c2c6 83%, #9ea1aa 100%); 
	/*for Iinternet Explorer menu*/
	background-image: -ms-linear-gradient(left,  #9ea1aa 0%,#c0c2c6 18%,#dbdbdb 51%,#c0c2c6 83%,#9ea1aa 100%); 
	/*for Opera menu*/
	background-image: -o-linear-gradient(left, #9ea1aa 0%,#c0c2c6 18%,#dbdbdb 51%,#c0c2c6 83%,#9ea1aa 100%); 
	/*for chrome menu*/
	background-image: linear-gradient(#9ea1aa 0%,#c0c2c6 18%,#dbdbdb 51%,#c0c2c6 83%,#9ea1aa 100%);
    border-radius:2em;
	box-shadow: 2px 2px 5px #999;
}
span.error{
	color:#900;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-image:url(../images/x.png);
	background-repeat:no-repeat;
	background-position: left 6px;
	padding-left: 30px;
	}
/*Controls for screen size of 768 or smaller one responsive size*/
@media screen and (max-width: 768px) {
	.detail{
	width:260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0.2em 0.4em;
	margin:0;
	display: block;
	border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
	color: #000;
}
	
#form .row .label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 600;
	width: 6em;
	text-align: right;
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

#form .row .input {
	float: left;
	width: auto;
	margin-right: 0.5em;
	/*width: 466px;*/
}
#form .row .input2 {
	float: left;
	/*width: auto;*/
	margin-right: 0.5em;
	width: 466px;
}
.mess{
	height: 200px;
	width: 180%;
	max-width: 330px;
	overflow:auto; /*for internet explorer to remove scroll bar*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0.2em 0.4em;
	margin:-3em 0 0 0;
	line-height: 1em;
	display: block;
    border-radius: 0.7em;
	background: #e9e9e9;
	border: 1px solid #CCC;	
	float:right;
}
}