body {
font-family: Tahoma, Sans-Serif;
font-size: 14px;
margin: 0;
padding: 0;
background: white;
/*background-image: url('images/bgborder.png');*/
/*background-position: center;*/
/*background-repeat: repeat-y;*/
}

#regFormOuter {
width: 900px;
position: relative;
left: 50%;
margin-left: -450px;
margin-top: 0;
background: white;
padding: 0;
float: left;
min-height: 700px;
border: 1px solid lightgrey;
box-shadow: 0px 0px 15px lightgrey;
}

#regFormInner {
margin: 30px;
}

th {
text-align: left;
width: 170px;
}

td { text-align: left; }

.submitHolder {
	text-align: center;
}

input[type="text"] {
height: 20px;
border: 1px solid grey;
background: white;
width: 200px;
}

div.error {
color: darkRed;
font-weight: bold;
}
input.error, select.error {
	border: 1px solid darkred;
	background: lightyellow;
}

.mand {
    color: red;
}
#county-holder-usa span.mand {
padding: 0px;
margin-left: -1px;
}
#county-holder-canada span.mand {
padding: 0px;
margin-left: -1px;
}
table.align-questions td {
	text-align: left;
	vertical-align: top;
}
table.align-questions td.left {
	width: 20px;
}



select, input[type=text] {
	width: 200px;
	border: 1px solid grey;
	height: 30px;
	margin: 0px 0 5px;
}
#step-demos-co select, #step-demos-rdr select {
	width: 440px;
}
#step-demos-co input[type=text], #step-demos-rdr input[type=text] {
	width: 327px;
}
#step-address select, #step-address input[type=text] {
	width: 660px;
}
input[type="submit"] {
	color: white;
	background: green;
	border: 2px solid darkgrey;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 5px 20px;
}
input[type=text] {
	text-indent: 10px;
}

/* Steps */

#step-submit { display: none; }
#step-demos-co { display: none; }
#step-demos-rdr { display: none; }
.step-header:hover { cursor: pointer; }
.step-header {
    background: grey;
    color: white;
    font-weight: lighter;
    padding: 5px 10px;
}

@media screen and (max-width: 700px) {
	div, table, tr, td, th, tbody, thead, form {
		width: 100% !important;
		display: block;
		margin: 0 !important;
		padding: 0;
		left: 0 !important;
		position: static;
	}

	select, input[type=text] {
		width: 100% !important;
		border: 1px solid grey;
		height: 40px;
		margin: 0px 0 20px;
	}
	#regFormOuter {padding: 0 15px;width: 90% !important;}   
	input[type="submit"] {
		color: white;
		background: green;
		border: 2px solid darkgrey;
		font-size: 18px;
		margin-bottom: 10px;
		padding: 5px 20px;
	}

	td.left {
		float: left;
		width: 20px !important;
	}

	td.right {
		float: left;
		width: 86% !important;
	}

	tr {
		clear: both;
	}
}

div#logoArea {
    padding: 20px 0 0 0;
    text-align: center;
}
a.next {
    color: white;
    background: darkred;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 20px;
	margin-right: 2px;
}
p {
    font-weight: normal;
}
.clear {
    clear: both;
}
.next-holder {
    margin-top: 10px !important;
}

a.next:hover {
    text-decoration: underline;
    opacity: 0.8;
}

input[type=text] {
    border-radius: 5px;
}

h1.thanks-for-reg {
    text-align: center;
}