/* START Send Message Form styles */



/* Forms */




.form-error{

	-webkit-box-shadow: 0em 0em .6em 0em #F00; /*css 3 shadows*/
	-moz-box-shadow: 0em 0em .6em 0em #F00;
	box-shadow: 0em 0em .6em 0em #F00;
/*
	border: .1em solid #F00;
*/

}


.form-container{

	position: relative;
}


.form-shield{

	position: absolute;
	visibility: hidden;
	z-index: 9000;

//background: #000;
//opacity: .2;

	margin: 0px;
	padding: 0px;

	width: 100%;
	height: 100%

	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;

}

.form-prompt{

  position: fixed;

  z-index: 9001;
  visibility: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: white;

  width: 20em;
  text-align: center;


  border: .3em groove #214C8D;

  padding: 0em 0em 2em 0em;

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.80;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.80;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.80;

	-webkit-transition: visibility .25s linear;
	-moz-transition: visibility .25s linear;
	-o-transition: visibility .25s linear;
	-ms-transition: visibility .25s linear;
	transition: visibility .25s linear;


	-webkit-box-shadow: 4px 6px 8px 6px #777; /*css 3 shadows*/
	-moz-box-shadow: 4px 6px 8px 6px #777;
	box-shadow: 4px 6px 8px 6px #777;


}

.form-prompt-msg{

	margin: 0em 0em 1em 0em;
}



#mobile-test{

	position: absolute;
	z-index: -1;
	width: 0px;
	height: 0px;
	top: -4px;
	left: -4px;
}


/* Smartphones (portrait and landscape) --  --  --  --  -- - */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {



	#mobile-test{
	
		height: 1px;

	}
}
/* END Send Message Form styles */