/* CSS Document */

p.form{
	padding:0px;
}

#signup {
	width: 400px;
	margin: 5px 0 20px 0;
	/*
	padding: 20px;
	*/
	position: relative;
	/*
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAMAAAB883U1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF7+/v7u7u////REBVnAAAAAN0Uk5T//8A18oNQQAAABZJREFUeNpiYGJiYmBiYgRiBhAGCDAAALsAFJhiJ+UAAAAASUVORK5CYII=);
	border: 1px solid #ccc;
	*/
	border-radius: 3px;
	-moz-border-radius: 3px;  
}

#signup::before, 
#signup::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 2px;
	right: 2px;
	top: 0;
	z-index: -1;
	background: #fff;
	border: 1px solid #ccc;			
}

#signup::after {
	left: 4px;
	right: 4px;
	bottom: -5px;
	z-index: -2;
	box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
}

::-webkit-input-placeholder {
   color: #bbb;
   font-family: 'Source Sans Pro', sans-serif;
   font-size:16px;
}

:-moz-placeholder {
   color: #bbb;
} 				    	

.placeholder{
	color: #bbb; /* polyfill */
	font-family: 'Source Sans Pro', sans-serif;
   font-size:16px;
}		

#signup input{
	margin:5px 0;
	padding:8px 0px 8px 5px;
	width: 400px;
	*width: 400px; /* IE7 and below */
	box-sizing: border-box;
	border: 1px solid #666666;
}

#signup select{
	margin:10px 0;
	padding:8px 15px 8px 5px;
	width: 295px;
	*width: 518px; /* IE7 and below */
	box-sizing: border-box;
	border: 1px solid #666666;
	cursor:pointer;
}

#signup input:focus{
        outline: 0;
        border-color: #aaa;
		box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

#signup select:focus{
        outline: 0;
        border-color: #aaa;
		box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

#signup textarea:focus{
        outline: 0;
        border-color: #aaa;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
	-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

#signup textarea{
	margin: 10px 0;
	padding:8px 0px 8px 5px;
	width: 460px;
	height:116px;
	box-sizing: border-box;
	border: 1px solid #666666;
}		

#signup button{
	margin-left:275px;
	margin-top: 15px;
	padding: 10px 8px;			
	width: 120px;
	cursor: pointer;
	border: 1px solid #333333;
	overflow: visible;
	display: inline-block;
	color: #fff;
	font: 'Source Sans Pro', sans-serif;
	letter-spacing:2px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
	background-color: #2c3e50;
	background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); 
	transition: background-color .2s ease-out;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;		  						  
}

#signup button:hover{
  	background-color: #3491d4;
}

#signup button:active{
	position: relative;
	top: 3px;
	text-shadow: none;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
}

#signup input.check{
	width: 20px;
}

p.contact{
	display: inline;
}