/*------------------------------------------------------------------------------
-------------------------------- GENERAL STUFF ---------------------------------
------------------------------------------------------------------------------*/
#content {
font-size:0.9em;
}
/*used with Nifty Corners to make it rounded corners*/

div.box {
width:325px;
background:#efefef;
}

/*Generic Form that wraps the fields*/
.sign-me-up {
width:365px;
margin:0px auto;
font-size:0.9em;
}

/*Generic class that applies to the progress bar above*/
.progress-bar {
margin-bottom:40px;
margin-left:-6px;
}

/*Generic styling that appears when the validator catches something wrong*/
.validation-error {
display:none;
color:#FF0000;
font-size:9px;
clear:left;
}


.lnpvalidation-error{
display:none;
color:#FF0000;
font-size:9px;
clear:left;

}

.step-subtitle {
margin-bottom:10px;
}
/*------------------------------------------------------------------------------
------------------------------------ STEP 1 ------------------------------------
------------------------------------------------------------------------------*/
#step-1.progress-bar {
margin-left:0px;
}
#form-step-1 div label {
float:left;
clear:both;
width:100%;
margin-bottom:5px;
}
#form-step-1 #first-name-wrapper, #form-step-1 #email-wrapper {
margin-right:25px;
}
#form-step-1 #first-name-wrapper input, #form-step-1 #last-name-wrapper input, #form-step-1 #email-wrapper input {
width:145px;
}

#form-step-1 #first-name-wrapper, #form-step-1 #last-name-wrapper, #form-step-1 #email-wrapper {
float:left;
width:150px;
margin-bottom:10px;
overflow:hidden;
}
/*------------------------------------------------------------------------------
------------------------------------ STEP 2 ------------------------------------
------------------------------------------------------------------------------*/
#form-step-2{
width:400px;
}

#form-step-2 #your-address{
width:400px;
}

#form-step-2 div label {
float:left;
clear:both;
width:100%;
margin-bottom:5px;
}

.address-fields#set-2 {
display:none;
}

#form-step-2 div#different-address-wrapper {
text-align:right;
margin-bottom:10px;
margin-right:20px;
padding:5px 0px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

#form-step-2 div#different-address-wrapper label {
float:none;
clear:none;
width:auto;
}
#form-step-2 .street-wrapper{
width:285px;
height:50px;
float:left;
overflow:hidden;
margin-bottom:10px;
}

#form-step-2 .country-wrapper, #form-step-2 .city-wrapper {
width:185px;
height:53px;
float:left;
overflow:hidden;
margin-bottom:10px;
}
#form-step-2 .state-province-wrapper{
height:53px;
}

#form-step-2 .country-wrapper{
clear:left;
}

#form-step-2 .apt-suite-wrapper,#form-step-2 .postal-code-wrapper {
width:100px;
float:left;
overflow:hidden;
margin-bottom:10px;
clear:right;
}
#form-step-2 .apt-suite-wrapper{
height:50px;
}
#form-step-2 .state-province-wrapper{
width:184px;
overflow:hidden;
margin-bottom:10px;
margin-left:10px;
}

#form-step-2 .street-wrapper input{
width:275px;
}
#form-step-2 .city-wrapper input{
width:180px;
}
#form-step-2 .country-wrapper select {
width:184px;
}

#form-step-2 .apt-suite-wrapper input, #form-step-2 .postal-code-wrapper input {
width:91px;
}
#form-step-2 .state-province-wrapper select {
width:184px;
}

/*------------------------------------------------------------------------------
------------------------------------ STEP 3 ------------------------------------
------------------------------------------------------------------------------*/
#form-step-3 #existing-number-areacode {
width:25px;
margin-right:3px;
}

#form-step-3 #existing-number{
width:25px;
margin-right:3px;
}
#form-step-3 #existing-number2 {
width:35px;
}
#form-step-3 #keep-number-wrapper {
display:none;float:left;clear:both;width:100%;margin-top:10px;
}
#form-step-3 #get-new-number-wrapper {
float:left;clear:both;width:100%;
}
#form-step-3 #get-new-number {
margin:10px 0px 10px 0px;
}
#form-step-3 #keep-existing-number {
margin-bottom:10px;
}
#form-step-3 #province-state-wrapper {
float:left;
width:150px;
overflow:hidden;
margin-right:25px;
margin-bottom:10px;
}
#form-step-3 #city-wrapper {
float:left;
width:150px;
overflow:hidden;
margin-bottom:10px;
}
#form-step-3 #number-selection-wrapper {
float:left;
clear:both;
width:100%;
margin-bottom:10px;
}
#form-step-3 #province-state-wrapper label, #form-step-3 #city-wrapper label, #form-step-3 #number-selection-wrapper label {
float:left;
clear:both;
margin-bottom:5px;
}
#form-step-3 #province-state-wrapper select, #form-step-3 #city-wrapper select, #form-step-3 #number-selection-wrapper select {
float:left;
clear:both;
width:150px;
}
/*------------------------------------------------------------------------------
------------------------------------ STEP 4 ------------------------------------
------------------------------------------------------------------------------*/
#form-step-4 label {
margin-top:5px;
float:left;
clear:both;
}
#form-step-4 tr, #form-step-4 td {
border:0px;
padding:0px;
}
#form-step-4 #credit-card {
width:150px;
}
#form-step-4 #credit-card-number {
width:146px;
}
#form-step-4 #expiration-month {
width:42px;
}

#form-step-4 #expiration-year {
width:42px;
}

#form-step-4 #terms-and-conditions {
margin:25px 0px 25px 0px;
padding:0px;
font-size:11px;
}

#form-step-4 #terms-and-conditions li {
margin-bottom:10px;
}

#form-step-4 textarea#terms-of-service {
height:140px;
width:362px !important;
margin:0px 0px 10px 0px;
color:#727272;
}

#form-step-4 input#Add-bundle{
	width:15px;
	border:none;
}

#form-step-4 p.options{
	padding-left:20px;
}

#form-step-4 p{
	margin-bottom:5px;
}

#form-step-4 #credit-card-info {
margin-bottom:0px;
}
#form-step-4 input#I-agree, #form-step-4 input#I-understand-911{
width:15px;
clear:left;
border:none;
}
/*------------------------------------------------------------------------------
------------------------------------ STEP 5 ------------------------------------
------------------------------------------------------------------------------*/
#form-step-5 .referrer-field {
width:93px;
float:left;
margin-bottom:10px;
}

#form-step-5 .referrer-field label {
width:108px;
float:left;
clear:both;
overflow:hidden;
margin-bottom:5px;
}

#form-step-5 .referrer-field input.textfield {
width:90px;
}

#form-step-5 .referrer-field#referrer-first-name-field, .referrer-field#referrer-last-name-field {
margin-right:23px;
}

#form-step-5 .heard-source {
float:left;
margin-bottom:5px;
width:108px;
}
#LoaderDiv{position:fixed;z-index:1001;left:0px;top:0px;width:100%;height:100%;_position:absolute;
background: #fff url('/_common/images/loading.gif') no-repeat center; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
#LoaderDiv div{left:50%;margin:20px 0px 0px -35px;position:absolute;top:50%;width:70px;}

