@charset "utf-8";
/* CSS Document */


/*  Reset */

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

table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
	font: normal 100% Arial, Helvetica, sans-serif;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
	/*clear: both; to fix multicolumn layuout */
}

/* Prevents superscripts and subscripts from affecting line-height*/

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.2em;
}
sub { top: 0.2em; }

sup sub{ font-size: 14px; }



/*   JQUERY OVERLAY STYLES  */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	padding: 40px 20px;
	width:500px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	box-shadow: 0 0 90px #000; 
   
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* some styling for triggers */
#triggers {
	text-align:left;
}
	
#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
		
}
	
	
	
	/* styling for elements inside overlay */
.details {
/*	position:absolute;
	top:15px;
	right:15px;*/
	font-size:12px;
	color:#000;
	width:450px;
	margin: 0 auto;
}
	
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}


/*Start General Styles*/


#user, #password{
	width: 205px;
	height:41px;
	
}

#current, #verify {
	width: 150px;
}

#caption {
	width: 300px;

}

#answer {
	width: 200px;
}

#machine-name {
	width: 150px;
}

#reg-machine-one {
	width: 200px;
}

#reg-machine-two {
	width: 200px;
}

#reg-machine-three {
	width: 200px;
}

#reg-machine-four {
	width: 200px;
}

#reg-machine-five {
	width: 200px;
}

#reg-machine-six {
	width: 200px;
}

body{
	
}

.wrapper {
	width: 660px;
}

.header {
	background: url(../images/hdr-title-bckgrnd.gif) no-repeat 106px top;	
	position: relative;
}

.header h1  {
	color: #ffffff;
	position: absolute;
	top: 55px;
	left: 159px;
	width: 276px;
}



.footer {
	background-color: #2865a6 ;
	padding: 10px 0;
}

.footer p {
	color: #ffffff;
	width: 600px;
	margin: 0 auto;
	font-size: 12px;
}

.content {
	padding: 30px;
	font-size: 12px;
}

.red {
	color: #FF0000;
	font-weight: bold;
}

.content p {
	padding: 5px 0 5px 0;
}

.content ul {
	list-style: disc outside;
	padding-left: 75px;
	width: 330px;
	margin-bottom: 10px;
}

.content li{
	margin-top: 10px;
}

.buttons {
	margin-top: 20px;
	width: 250px;
}

ul#changeDetailsBox  {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}

ul#changeDetailsBox li{
	margin-top: 10px;
	vertical-align: baseline;
		
}

.leftColumn {
	width: 300px;
	float: left;
}

.rightColumn {
	width: 300px;
	float: right;
}


.rightColumn img {
	float: left;
}

.phrase {
	float: right;
	width: 215px;
	padding: 10px;
}

h2 {
	margin-bottom: 10px;
}


.clearBoth {
	clear: both;
}

	/* BEGIN IMAGE SELECTION STYLES */

.selectImages {
	width: 540px;
}

.imageWrap {
	width: 65px;
	height: 65px;
	position: relative;
	margin: 0 25px 20px 0;
	float: left;
}

.imageWrap input {
	z-index: 2;
	position: absolute;
	bottom: 2px;
	left: 2px;
	padding: 0; margin: 0;
	width: 15px; height: 15px;
}

.errorText {
	color: #cc3333; 
	font-weight: normal; 
	font-size: 11px; 
	font-family: arial,helvetica;
}

#red {
	color:red;
}

#mutual-form { float:left; width: 65px;}