html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body{
	background-color: #000;  
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #7c838a;
}

#content {
	padding:0px;
	background:#444;
	border:1px solid grey;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	width:280px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-125px 0 0 -140px;
}

#wrapper {
	position:relative;
	margin: auto;
	padding:10px;
}

form{
	margin: auto;
	padding: 20px;
	overflow: hidden;
	width: 220px; /* Total width of 260px, minus 2*20px padding */
	background-color: #444;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.5);
}

p{
	margin: auto;
	margin-bottom: 20px;
	width: 100%;
}

p.submit{
	margin-bottom: 0;
	height: auto;
}

p.submit span{
	line-height: 30px;
}

label{
	display: block; /* In order to have the label above the input field */
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: normal;
	text-shadow: #000 0 1px 1px;
}

input.field{
	margin: auto;
	padding: 6px;
	width: 208px; /* Total width of 240px minus 2*6px padding */
	background-color: #c0c0c0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
	
	font-size: 20px;
	font-weight: normal;
	color: #000;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}

input.field:focus{
	outline: none; /* We get rid of the the blue glow when the field is active */
	border: 1px solid #9097a0;
	padding: 5px;
}

input[type="checkbox"]{
	display: inline;
	margin-right: 6px;
}

button{
	float: right;
	cursor: pointer; /* We change the cursor to a pointer (hand) */
	padding: 4px 15px 6px 15px;
	border: 1px solid #033683;
	
	background: #249ff5; /* Old browsers*/
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyNDlGRjUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwODUyQUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNzUpIiAvPgo8L3N2Zz4=); /* SVG fallback for IE9*/
	background: -moz-linear-gradient(top, #249ff5 0%, #0852ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#249ff5), color-stop(100%,#0852ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #249ff5 0%,#0852ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #249ff5 0%,#0852ae 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #249ff5 0%,#0852ae 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249ff5', endColorstr='#0852ae',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #249ff5 0%,#0852ae 100%); /* W3C */
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	color: white;
	font-weight: bold;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);
}

button:hover{
	background: #39a9f7; /* Old browsers */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzOUE5RjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMjY4QzciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MjQpIiAvPgo8L3N2Zz4=); /* SVG fallback for IE9*/
	background: -moz-linear-gradient(top, #39a9f7 0%, #1268c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39a9f7), color-stop(100%,#1268c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #39a9f7 0%,#1268c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #39a9f7 0%,#1268c7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #39a9f7 0%,#1268c7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a9f7', endColorstr='#1268c7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #39a9f7 0%,#1268c7 100%); /* W3C */
}

button:active{
	position: relative;
	top: 1px;
}


.form-submit{background:#111;height:30px;line-height:30px;padding:0 15px;border:none;color:#fff;text-shadow:#000 0 -2px 1px;font-weight:bold;-moz-border-radius:5px;-moz-box-shadow:#000 0 0 2px;-webkit-border-radius:5px;-webkit-transition:background-color .3s ease-out;-webkit-box-shadow:#000 0 0 2px;-o-box-shadow:#000 0 0 2px;border-radius:5px;cursor:pointer;}
.form-submit:hover{background-color:#222;}