form {
	margin: 0 auto;
	width: 525px;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 1em;
	background-color: #cdaae1;
	box-shadow: 3px 3px 4px 4px rgba(0,0,0,0.75);
}

fieldset {
	padding: 10px;
}

.ln {
	text-align: right;
	display: inline-block;
}

::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; } /* ie */
input:-moz-placeholder { color:#aaa; }

input {
	width: 365px;
	font: .85em sans-serif;
	padding: 2px;
	box-sizing: border-box;
	border: 1px solid #aaa;
	margin-right: 10px;
	border-radius: 3px;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.09), 1px 1px 5px 0 rgba(0,0,0,0.07);
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s
}

form fieldset p label i { color: #c9fcff; }

input:hover {
	border: 1px solid #888888
}

input:focus {
	border: 1px solid #444
}

#codefield {
	width: 200px;
}

#urlfield{
	width: 307px;
}

abbr {
	float: left;
	text-decoration: none;
}

button {
	margin-top: -1px;
	float: right;
	margin-right: 10px;
	border-radius: 20px;
	height: 25px;
	background-color: #ccffe6;
	border: 2px solid #00994f;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15), 0 2px 5px 0 rgba(0,0,0,0.14);
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s
}

button:hover {
	background-color: #ffc4f9;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25), 0 2px 5px 0 rgba(0,0,0,0.24)
}

form p {
	float: right;
	padding: 0px;
	margin: 10 0;
}

#copyfield{
	opacity: 0;
	position: absolute;
}

#copybtn{
	width: 64px;
}
