form {
	position: relative;
	width: 358px;
	/* To compensate for the glow */
	margin-left: -14px;
}

	form fieldset {
		position: relative;
		display: block;
		border: 0;
		margin-bottom: 10px;
	}

		form .inputs {	}

			/* Maps:

				map: default map
				emap: error map
				gmap: gray map

			*/

			/* Reset to blue map */

			form .map,
			form .gmap,
			form .hmap {
				top: 0;
				left: 0;
				position: absolute;
				z-index: 10;
				background: url(../images/test/rmap.jpg) ;
				height: 100%;
				width: 100%;
			}

			form .emap {
				background-image: url(../images/test/emap.jpg);
			}

			form .gmap {
				background: #343434 url(../images/test/gmap.jpg) no-repeat;
				z-index: 11;
			}

			form .inputs .inner {
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -148px;
				margin-top: 15px;
				z-index: 40;
			}

			form .content {
				position: absolute;
				left: 14px;
				width: 330px;
			}

			form .content-top {
				position: absolute;
				top: 14px;
				z-index: 30;
				height: 5px;
				background: url(../images/test/content-top.png) no-repeat;
			}

			form .content-middle {
				position: absolute;
				top: 19px; 
				z-index: 30;
				background: url(../images/test/content-middle.png) repeat-y;
			}

			form .content-gradient {
				position: absolute;
				top: 14px;
				left: 14px;
				z-index: 35;
				width: 330px;

			}

			form .content-bottom {
				position: absolute;
				bottom: 14px;
				z-index: 30;
				height: 5px;
				background: url(../images/test/content-bottom.png) no-repeat;
			}

			form .mask {
				position: absolute;
				width: 358px;
				z-index: 20;
			}

			form .mask-top {
				top: 0;
				height: 30px;
				background: url(../images/test/mask-top.png) no-repeat;
			}

			form .mask-middle {
				background: url(../images/test/mask-middle.png) repeat-y;

			}

			form .mask-bottom {
				bottom: 0;
				height: 30px;
				background: url(../images/test/mask-bottom.png) no-repeat;
			}

		form .buttons {
			margin: 6px 14px 0 14px;
			height: 30px;
		}

	form label {
		display: block;
		position: relative;
		font-size: 11px;
		color: #8c8c8c;
		margin-bottom: 10px;
	}

	form input.text {
		outline: none;
		border: 0;
		display: block;
		height: 15px;
		width: 285px;
		padding: 5px;
		background: url(../images/test/input.gif) no-repeat;
		margin-bottom: 15px;
		font-size: 11px;
		color: #b3b3b3;
	}

	form input.text:focus {
		background: url(../images/test/input.gif) bottom left no-repeat;
	}

	form select {
		display: block;
		width: 150px;
		margin-bottom: 15px;
		font-size: 11px;
	}

	form textarea {
		display: block;
		width: 285px !important;
		height: 90px !important;
		padding: 5px;
		border: none;
		background: url(../images/test/textarea.jpg) no-repeat;
		color: #b3b3b3;
	}

	form textarea:focus {
		outline: none;
		background: url(../images/test/textarea.jpg) bottom left no-repeat;
	}

	form input.last,
	form select.last {
		margin-bottom: 0;
	}

	form .button {
		display: block;
		height: 35px;
		position: absolute;
		right: 0px;
		border: 0;
		cursor: pointer;
		outline: none;
	}

	form .button .source,
	form .button .hover {
		text-indent: -4200px;
		height: 30px;
	}

	form .button .hover {
		background-position: 0 -30px !important;
	}

	form input.before-focus {
		color: #a6a6a6;
	}

	.buttons .spinny {
		display: none;
		position: absolute;
		top: 9px;
	}

	/* Tooltips */

	form .input-container {
		position: relative;
		overflow: visible;
	}


	form .tip {
		display: none;
		position: absolute;
		top: -4px;
		height: 33px;
		background: url(../images/test/tip-middle.png) repeat-x;
	}

	form .tip-start {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin-left: -14px;
		height: 33px;
		padding-left: 14px;
		background: url(../images/test/tip-start.png) no-repeat;
	}

	form .tip-middle {
		display: block;
		height: 33px;
		padding: 0 5px;
		font-size: 11px;
		line-height: 33px;
		color: #e5e5e5;
	}

	form .tip-end {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		margin-right: -10px;
		height: 33px;
		padding-right: 10px;
		background: url(../images/test/tip-end.png) no-repeat;
	}



/* Password/Message Sent */

.form-wrap {
	position: relative;
}




* {
	margin: 0;
	padding: 0;
	line-height: 1;
}

::-moz-selection {
	background: #000;
	xbackground: #ffaa00;
	color: #0af;
	} 

::selection {
	background: #000;
	color: #0af;
	} 


h2, h3{
	text-indent: -4200px;
	height: 30px;
	margin-bottom: 15px;
	margin-left: -5px;
}

p {
	font-size: 12px;
	color: #6d7e8c;
	line-height: 1.9;
}

a {
	color: #e5e5e5;
	outline: none;
}

a:hover {
	color: #fff;
}

a:active {
	color: #ccc !important;
}

a:hover {
	text-decoration: none;
}

pre {
	font-size: 11px;
	margin: 8px 0;
	color: #ccc;
	background: #141414;
}

pre .inner {
	padding: 8px;
}

code {
	white-space: normal;
	line-height: 1.5;
}

ol {
	color: #48535b;
	margin-top: 10px;
	margin-bottom: 20px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

	ol li {

		padding-bottom: 10px;
	}

	ol p {
		color: #849bad;
	}
#header {
	height: 90px;
}

h1 {
	position: relative;
	width: 103px;
	width: 340px;
	width: 170px;
	height: 51px;
	margin: 0 auto;
	margin-top: 25px;
	background: url(../images/test/map2.jpg);
	background: transparent;
	text-indent: -5000px;
}

	h1 a {
		display: block;
		width: 103px;
		height: 51px;
		text-indent: -4200px;
	}

	h1 .map,
	h1 .gmap {
		position: absolute;
		top: 0;
		left: 0;
		width: 103px;
		height: 51px;
		z-index: 40;
		xbackground: url(../images/test/map2.jpg);
	}

	h1 .gmap {
		xbackground: url(../images/test/map2.jpg);
	}

	h1 .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 103px;
		width: 170px;
		height: 51px;
		z-index: 50;
	}
h2 {
	background-color: #94ceff !important;
}

h3 {
	background-color: #78a6ce !important;
}


#debug {
	position: fixed;
	bottom: 0;
	padding: 15px 8% 15px 2%;
	width: 90%;
	overflow: hidden;
	background: #151515;
	border-top: 1px solid #252525;
	color: #fff !important;
	font: 14px "Helvetica Neue Bold", "Lucida Grande", Verdana, sans-serif;
	opacity: 0.85;
/*	text-transform: uppercase;*/
	z-index: 4200;
	max-height: 30%;
	overflow-y: auto;
}

#content {
	text-shadow: #000 1px 1px 3px;
	width: 330px;
	margin: 0 auto;
}

/* Hoverfades */
.hoverfade .hover,
.hoverfade .source {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}


.hoverfade .hover {
	z-index: 50 !important;
}

/* Corners */

.corners { position: relative; }

.corner-tl { background: top left url(../images/test/corner-tl.png) no-repeat; }
.corner-tr { background: top right url(../images/test/corner-tr.png) no-repeat; }
.corner-bl { background: bottom left url(../images/test/corner-bl.png) no-repeat; }
.corner-br { background: bottom right url(../images/test/corner-br.png) no-repeat; }

/* Preload */

#preload {
	height: 0;
	width: 0;
	overflow: hidden;
	background: url(../images/test/emap.jpg) no-repeat;
	background: url(../images/test/forgot-sent.gif) no-repeat;
}

/* Spinny */

.spinny {
	height: 16px;
	width: 16px;
	background: url(../images/test/spinny.gif) no-repeat;
}

/* Info Boxes */


.info {
	position: relative;
	width: 330px;
	background: #0f0f0f url(../images/test/info.gif) repeat-x;
	color: #8c8c8c;
	font-size: 11px;
	text-align: center;
	margin-bottom: 15px;
}

.info .inner {

}
.info .inner {
	padding: 15px;
	padding-top: 12px;
	line-height: 1.5;
}

.info a {
	color: #b3b3b3;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #2e2e2e;
}

.info a#installed {
/* used to be just 	color: #b3b3b3;
 */

	background: url(../images/test/info-link.gif) repeat-x;
	padding: 4px 5px;
	text-decoration: none;
}

.info a:hover {
	color: #fff;
	border-bottom: 1px solid #808080;
}

/* First P */

p.first {
	border-bottom: 1px solid #1a1a1a;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

p.last {
	margin-bottom: 30px;
}

/* Q/A */

em {
	font-style: normal;
	color: #dbefff;
}

.question {
	padding-bottom: 25px;
}

	.question .inner {
		padding: 10px;

	}

	.q p {
		font-size: 13px;
		color: #ccc;
		padding-bottom: 10px;
	}

	.a {
		background: #0f1317;
	}

		.a p {
			color: #90a3b3;
			margin-bottom: 5px;
		}


		.a .inner {
			padding-top: 10px;
		}



#h-settings { background: url(../images/test/settings.png) no-repeat; }

fieldset .mask-top {
	height: 65px;
}


#fs-credentials .mask-top { background: url(../images/test/credentials.png) no-repeat; }
#fs-floodcontrol .mask-top { background: url(../images/test/floodcontrol.png) no-repeat; }
#fs-display .mask-top { background: url(../images/test/display.png) no-repeat; }
#fs-miscellaneous .mask-top { background: url(../images/test/miscellaneous.png) no-repeat; }

fieldset {
	margin-bottom: 40px;
}