/******************/
/*  BASIC LAYOUT  */
/******************/

/*
html, body {height: auto;}

body {background: url(/images/regform/main_bg_repeat.gif) repeat-y left top;}

.wrapper {height: auto; min-width: 780px;}

.body {padding-left: 0px; background-position: 604px 0px;}
.body .body-cont {width: 780px;}
.nav {margin-left: 0px; width: 130px;}
.nav .nav-cont {min-height: 700px; background: url(/images/blackberry.jpg) no-repeat 0px 505px;}
* html .nav .nav-cont {height: 700px;}

.main {width: 650px;}
.main .main-cont {padding-right: 30px;}

.hdr {height: 97px;}

*/

/******************/
/*    CSS RULES   */
/******************/

.nav .contact p.title {font-weight: bold; font-size: 85%;}

.content {padding: 10px 20px 20px;}

.content .num {margin: 3px 17px 25px 0px; float: left; display: block; width: 200px; height: 99px; background: url(/images/regform/num-back.jpg) no-repeat;}
.content .num span {margin-top: 17px; display: block; background: no-repeat; text-indent: -9999px; position: relative;}
.content .num.step1 span {margin-left: 126px; width: 50px; height: 63px; background-image: url(/images/regform/step1.gif);}
.content .num.step2 span {margin-top: 16px; margin-left: 116px; width: 60px; height: 65px; background-image: url(/images/regform/step2.gif);}
.content .num.step3 span {margin-top: 16px; margin-left: 115px; width: 61px; height: 65px; background-image: url(/images/regform/step3.gif);}

.content .intro {margin-left: 217px;}
.content .intro.thanks {margin-bottom: 40px;}
.content .intro h1 {margin-bottom: 13px; font-family: trebuchet MS, arial; font-size: 155%; font-weight: bold;}
.content .intro p {margin-bottom: 15px; font-family: trebuchet MS, arial; font-size: 100%;}
.content .intro p.strong {margin-top: -9px; font-size: 125%; color: #B84C22; letter-spacing: -1px;}

.content .step {margin-top: -24px; position: relative; width: 239px; height: 33px; line-height: 33px; text-indent: 13px; display: block; float: left; font-size: 135%; font-family: trebuchet MS, arial; font-weight: bold; color: #414732; background: url(/images/regform/step-bg.gif) no-repeat;}
.content .involved {padding-left: 365px; line-height: 1.5em;}
.content .involved a {text-decoration: underline;}
.content .involved a:hover {text-decoration: none;}

.content .form {background: #f2f2f2;}
.content .form .top {margin-bottom: -5px; position: relative;}
.content .form .top span {display: block; height: 7px; background: url(/images/regform/crn01-tr.gif) no-repeat right top;}
.content .form .btm {margin-top: -5px; background: url(/images/regform/crn01-bl.gif) no-repeat left bottom;}
.content .form .btm span {display: block; height: 7px; background: url(/images/regform/crn01-br.gif) no-repeat right bottom;}
.content .form .cont {padding: 28px 25px 35px 95px;}
.content .form table {width: 100%;}
.content .form table th {padding-top: 1px; text-align: left; vertical-align: top;}
.content .form table td {width: 100%; vertical-align: top;}
.content .form label {display: block; width: 150px; font-size: 115%; font-family: trebuchet MS, arial; font-weight: bold;}
.content .form .input {margin-bottom: 17px; padding: 1px; width: 99%; font-family: arial; position: relative;}
.content .form select.input {width: 100%;}
.content .form .input.short {width: 63% !important;}
.content .form .submit {margin-left: 125px; padding: 12px 15px 12px 15px; text-align: right;}
* html .content .form {height: 1%;}
* html .content .form .cont {height: 1%;}

.content .hr {margin-bottom: 25px; background: url(/images/regform/dots01.gif) repeat-x left top;}

.content .form .error {margin: -12px 0px 0px 125px; font-family: trebuchet MS, arial; color: #B93E1B; position: relative;}
.content .form .error p.title {margin: 0px 0px 1px 2px; font-size: 155%; font-weight: bold;}
.content .form .error p.err {margin-bottom: 5px; padding: 7px 8px 7px 8px; color: #FFF; background: #B93E1B;}
.content .form .error ul {margin: 0px 0px 22px 7px;}

.content .form .agree {margin-bottom: 14px; font-weight: normal;}
.content .form .agree input {margin: 0px 0px 0px 2px; position: absolute;}
.content .form .agree label {padding: 0px 0px 0px 24px; font-weight: normal; width: auto;}
* html .content .form .agree input {margin: -2px 0px 0px -4px;}
* html .content .form .agree label {padding-left: 22px;}
*:first-child+html .content .form .agree input {margin: -2px 0px 0px -4px;}
*:first-child+html .content .form .agree label {padding-left: 22px;}

.content .form textarea.terms {margin-bottom: 7px;}
.content .form p.terms {margin-bottom: 25px;}
.content .form p.terms a {padding: 0px 0px 0px 12px; display: block; line-height: 14px; text-decoration: none; background: url(/images/regform/arr01-right.gif) no-repeat 2px 2px;}
.content .form p.terms a:hover {text-decoration: underline;}


.back_but { position:relative;top:-34px;left:340px; width: 60px;}
html*.back_but {top: -30px; left: 340px;}
* html .back_but {top: -35px; left: 300px;}
html:first-child .back_but{top: -32px; left: 340px;}

.back_but_step3 { position:relative;top:-34px;left:310px; width: 60px;}
html*.back_but_step3 {top: -30px; left: 310px;}
* html .back_but_step3 {top: -35px; left: 290px;}
html:first-child .back_but_step3{top: -32px; left: 320px;}

* html .submit_but{width: 110px;}

/*for Errors */
.fieldWithErrors input,.fieldWithErrors textarea,.fieldWithErrors checkbox {
	border:2px solid red;
}
#errorExplanation ul{
	margin: 0px 0px 22px 7px;
}	
#errorExplanation h2 {
	margin: 0px 0px 1px 2px; 
	font-size: 155%; 
	font-weight: bold;
}
#errorExplanation {
	margin: -12px 0px 0px 150px; 
	font-family: trebuchet MS, arial; 
	color: #B93E1B; 
	position: relative;
}
#errorExplanation p {
	margin-bottom: 5px; 
	padding: 7px 8px 7px 8px; 
	color: #FFF; background: #B93E1B;
}

.fieldWithErrors-radio {
	border:2px solid red;
	float:left;
	margin: 0px 0px 14px 0px;
	width: 99%;
	padding:2px 0px 3px 0px;
}
.fieldWithErrors-radio * {
						margin-left: 3px;
						margin-right: 3px;
}