#form {
	position:absolute;
	top:100px;
	right:20px;
	z-index:3;	
}

.rain{
	width: 490px;
}
/* Layout with mask */
.rain{
	 box-shadow: 0 0 15px #39f;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border-radius: 8px;
	padding:1px;
}
/* Artifical "border" to clear border to bypass mask */
.border {
	border:1px solid #333;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
}

.border,
.rain,
.border.start,
.rain.start{
	background-color: #000;
}

/* Non-keyframe fallback animation */
.border.end,
.rain.end{
	-moz-transition-property: background-position;  
	-moz-transition-duration: 30s;
	-moz-transition-timing-function: linear;
	-webkit-transition-property: background-position;  
	-webkit-transition-duration: 30s;  
	-webkit-transition-timing-function: linear;
	-o-transition-property: background-position;  
	-o-transition-duration: 30s;  
	-o-transition-timing-function: linear;
	transition-property: background-position;  
	transition-duration: 30s;  
	transition-timing-function: linear;
	background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;	
}

/* Keyfram-licious animation */
@-webkit-keyframes colors {
    0% {box-shadow: 0 0 15px #39f;}
    15% {box-shadow: 0 0 15px #db8c00;}
    30% {box-shadow: 0 0 15px #c9550d;}
    45% {box-shadow: 0 0 15px #72bff0;}
    60% {box-shadow: 0 0 15px #ffffff;}
    75% {box-shadow: 0 0 15px #1f2949;}
    90% {box-shadow: 0 0 15px #553682;}
    100% {box-shadow: 0 0 15px #39f;}
}
@-moz-keyframes colors {
    0% {-moz-box-shadow: 0 0 15px #39f;}
    15% {-moz-box-shadow: 0 0 15px #db8c00;}
    30% {-moz-box-shadow: 0 0 15px #c9550d;}
    45% {-moz-box-shadow: 0 0 15px #72bff0;}
    60% {-moz-box-shadow: 0 0 15px #ffffff;}
    75% {-moz-box-shadow: 0 0 15px #1f2949;}
    90% {-moz-box-shadow: 0 0 15px #553682;}
    100% {-moz-box-shadow: 0 0 15px #39f;}
}

.rain{
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colors;
    -webkit-animation-timing-function: ease;

    -moz-animation-direction: normal;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: colors;
    -moz-animation-timing-function: ease;
}

/* In-Active State Style */
.border.unfocus{
	background: #333 !important;	
	 -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
	 -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.2);
	 box-shadow: 0px 0px 15px rgba(255,255,255,.2);
	 -webkit-animation-name: none;
}
.rain.unfocus{
	background: #000 !important;	
	-webkit-animation-name: none;
}

/* Regular Form Styles */

#form img {
	float: right;
	padding: 10px;
}

form{
	background: #212121;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	height: 100%;
	width: 100%;
	background: -moz-radial-gradient(50% 46% 90deg,circle closest-corner, #242424, #090909);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#242424), to(#090909));
}
form label{
	display: block;
	padding: 10px 10px 5px 15px;
	font-size: 0.9em;
	color: #777;
	text-align: left;
}
form input{
	display: inline-block;
	margin: 5px 10px 10px 15px;
	width: 68%;
	background: #111;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	outline: 1px solid #333;
	border: 1px solid #000;
	padding: 5px;
	color: #444;
	font-size: 16px;
}
form input:focus{
	outline: 1px solid #555;
	color: #FFF;
}
input[type="submit"]{
	width: auto;
	display: inline;
	color: #999;
	padding: 7px 10px 5px;
	/*margin: 20px auto;*/
	outline: none;
	cursor:pointer;
	font-weight: lighter;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
	background: #45484d;
	background: -moz-linear-gradient(top, #222 0%, #111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(100%,#111));
	-moz-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
	-webkit-box-shadow: 0px 1px 1px #000, 0px 1px 0px rgba(255,255,255,.3) inset;
	box-shadow: 0px 1px 1px #000,0px 1px 0px rgba(255,255,255,.3) inset;
	text-shadow: 0 1px 1px #000;
}

#form #success_page { text-align: center; padding-top: 1em; }

#form #success_page h1 { background: url('../assets/success.gif') no-repeat 120px center; }

.error_message { display: block; height: auto; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

#form span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

input.submit:hover { cursor: pointer; }

.show_hide {
	position: absolute;
	top:104px;
	right:24px;
	z-index: 999;
}