﻿.step1Info {
    width: 620px;
    margin: 0;
    border: none;
    
}
.step1Info p {
    margin: 10px;
    line-height: 1.4;
}
.step1Info img {
    float: left;
}
.step1ContentContainer {
    width:640px;
    margin:0 auto;
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    color: #243762;
    font-size: 14px;
}

.step1ContentContainer h2 {
    color: #243762;
}

.step1ContentContainer hr  {
    margin: 0 10px -10 10px; 
}

.step1ContentContainer input { 
    border:1px solid #8E8E8E;    
    height: 15px!important;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: 0px;                              
}
.step1ContentContainer select { 
    border:1px solid #8E8E8E;    
    height: 23px!important;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    word-spacing: 0px;                              
}
.step2InfoMessage {
    float: left; 
    margin-top:20px;
}
.step2HeaderDiv img {
    float: left;
}
.step2HeaderDiv {
    width: 640px;
    float:left;
}
.step3ContentContainer {
    width:640px;    
    margin:0 auto;
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    
}
.step3BodyDiv p, ul {
    color: black;
    font-size: 13px;
}
.step3InfoMessage {
    float: left;
    text-align: right;
    width: 280px;
    font-size: 16px;
    margin-top: 10px;
}
.step3BodyDiv img {
    float: left;
}
.step3BodyDiv {
    width: 640px;
    float:left;
}
.step3Box  {
    
}
.singleLabelColumnStep3 {
    width: 190px;
    float:left;
    margin-top: 10px;
    color: #243762;
    font-size: 15px;
}
.singleControlColumnStep3 {
    float: left;
    text-align: left;
}
.step3UserName {
    margin-top: 16px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    vertical-align: bottom;
}
.step3LoginKey {
    margin-top: 5px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    vertical-align: bottom;
}
.step3LoginName {
    margin-top: 15px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    height: 34px;
    vertical-align: bottom;
}
.loginUserName {
    border: 1px solid #CCC;
    height: 22px;
    width: 250px;
    padding: 3px;
    font-size: 1.2em;
    color: #444;
    font-family: Arial;
}
.loginKeyList {
    margin-bottom: 5px;
}
.step4InfoMessage {
    margin-top: 10px;
}
.step4Box {
    height: 400px;
}
.insideBox  {
    border: solid 1px #7C7C7C;
    width: 680px;
    min-height:345px;
}
.form  {
    display: flex;
    width: 100%;
    float: left;
    margin-top: 7px;
    height: 24px;    
}
.singleLabelColumn {
    width: 240px;
    float:left;
    text-align: right;
    vertical-align:middle ;
    height: 22px;
}
.singleControlColumn  {
    width:380px;
    float: left;
    text-align: left;
 }
 .label {
    line-height:normal;
    margin: 3px 5px 3px 10px;
    height:15px;
    color: black;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 12px;
 } 
.leftLabelColumn {
    float:left;
    width:120px;
    text-align: right;
    vertical-align:middle;
    height: 22px;        
}
 
.leftControlColumn  {
    float:left;
    width: 180px;
    text-align: left; 
}

.rightLabelColumn    {
    float:left;
    width: 110px;
    text-align: right;
    vertical-align:middle;
    height: 22px;
}
.rightControlColumn  {
    float:left;
    width: 190px;
    text-align: left; 
}
.control  input {
    width:150px!important;
}
.lblCity {
    float:left;
    width: 85px;   
    text-align: right;    
    vertical-align:middle;
    height: 22px;
}
.txtCity {
    float: left;
    width: 150px;
    text-align: left; 
}
.txtCity input {
    width:150px;
}
.lblState {
    float:left;
    width: 65px;   
    text-align: right;     
    vertical-align:middle;
    height: 22px;
}
.txtState {
    float: left;
    width: 49px;
    text-align: left; 
}

.lblZipCode {
    float:left;
    width: 77px;   
    text-align: right;     
    vertical-align:middle;
    height: 22px;
}
.txtZipCodeControlColumn {
    float: left;
    width: 80px;
    text-align: left; 
}
.txtZipCode {
    width:80px!important;
}
.lblTimeZone {
    float:left;
    width:65px;
    text-align: right;
    vertical-align:middle;
    height: 22px;        
}
.divTimeZone  {
    float:left;
    width: 215px;
}
.WEDLabelColumn {
    float:left;
    width: 227px;
    vertical-align:top;
    text-align: right;
}
.WEDControlColumn {
    float: left;
    width: 90px;
    vertical-align:middle;
}
.txtPhoneInput {
    width: 90px!important;
     
}
.phoneLabelColumn {
    float:left;
    width:100px;
    text-align: right;
    vertical-align:middle;
    height: 22px;        
}
 
.phoneControlColumn  {
    float:left;
    text-align: left; 
    vertical-align:middle;
}

.txtExtension {
    width: 70px!important;
}

.faxLabelColumn {
    float:left;
    width:30px;
    text-align: right;     
    vertical-align:middle;
    height: 22px; 
}

.txtEmail {
    width: 150px;
}
.requiredText {
    font-size: 11px;
    margin-left: 15px;
}
.requiredTextBold {
    font-size: 13px;
    font-weight: bold;
    margin-left: 15px;
}
.emailText {
    padding-left:135px;
}
.errorText {
    float: left;
    width: 100%;
    display: none;
    font-size: 10px;
    color: Red;
}
.phoneText  {
    padding-left:115px;
}
.zipCodeText  {
    padding-left: 450px;
}
#SubmitCompanyInfoWarning {
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    font-size: 14px;
    margin: 10px;
    border: 1px solid #243762;
    color: #243762;
    line-height: 18px;
}
.logoImage {
    width:132px;
    height: 55px;
    margin: 5px;
}
.floatR {
    float: right;
}
.emailUsedUserName {
    
}
.emailUsedCompanyName {
    
}
.emailUsedLoginKey {
    
}
.spnPrimaryEmail2 {    
}
.textSpan {
     font-size: 13px;
     font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
     margin-top: 5px;
     font-weight: bold;
     float:left;
}
.finalText {
    float:left; 
    margin-top:10px; 
    width: 622px;
    font-size:15px;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif; 
    color:white;
    background-color: #243762; 
    padding:10px;   
}
.finalText a {
    color: white;
}
.loginKeyInstructions {
    float:left; 
    margin-top:10px; 
    width: 621px;
    font-size:15px;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif; 
    padding:10px;   
}
.loginKeyInstructions ul {
    list-style: disc;
    margin: 10px;
}
.loginKeyInstructions p {
    line-height: 1.2;
}


.loginInstructions img {
    float: left;
}

.underline {
    text-decoration: underline;
}

.txtLoginKey 
{
    width: 140px!important;
}
.txtUserName 
{
    width: 140px!important;
}
.userNameText {
    padding-left: 190px;
    padding-top: 10px;
    font-size: 12px!important;
}
.loginKeyText {
    padding-left: 190px;
    padding-top: 10px;
    font-size: 12px!important;
}

.licenseAgreement {
    width: 600px;
    margin: 10px auto;
    overflow-y: scroll;
    height: 300px;
    border: 1px solid;
    
}
.licenseAgreementContent {
    width:550px;
    font-family: Calibri, Arial;
    font-size: 11px;
    margin: 0 15px 0 15px;
}

.acceptAgreement {
    float:left;
    width: 450px;
    padding-left: 30px;
}
ol  {
    counter-reset: item;
    list-style-position:outside;
}
ol li {
    margin-top: 5px;
}
ol li:before  {
    content: counters(item, ".") " "; 
    counter-increment: item;             
}
li ol {
    margin-left:25px;
    list-style-position:outside;
}
ol p {
    margin-left:25px;
}
ol li ol li:before {
    margin-left: -1.5em;
}

.step5SubHeader {
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    color: #243762;
    font-size: 15px;
    margin: 5px 0px 25px 10px;
    width:100%;
    
}
.instructionList {
    margin-left: 15px;
}

.logoImage2 {
    width:132px;
    height: 55px;
    float:right;
    text-align: left;
}
.step5 {
    border: none;
    margin-top: 25px;
}
.step5 a {
    color: #2e74b5;
}
.step5 h3 {
    font-family: "Calibri Light", "Segoe UI";
    font-size: 22px;
    color: #2e74b5;
}
.step5p2 {
    font-family:Calibri, "Segoe UI", Tahoma, Arial, Sans-Serif;
    color: black;
    font-size: 15px;
    margin: 5px 0px 25px 0px;
    width:620px;
    line-height:normal;    
}
.width310 {
    width: 305px;
}
.wizardLoginContainer {
    position: static;
    width: 300px;
}
.wizardLoginContainer input {
    border: 1px solid #ccc;
    padding: 3px;
    font-size: 1.2em;
    color: #444;
}
.floatL {
    float: left;
}
.margintop50 {
    margin-top: 50px;
}
span.link {
    color: #2e74b5;
}
.loginKeyHeader {
    background-color: White;
    color:  #5f5f5f;
    width:100%;
    float:left;
    font-weight:bold;
    height:30px;
    border-top: 1px solid #5f5f5f;
    padding-top:8px;
}
.loginInstructions {
    float:left; 
    width: 100%;
    font-size:15px;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif; 
    color:white;
    background-color: #5f5f5f;
    padding: 10px 0 10px 0;        
}
.loginNameLabel {
    width:200px;
    float:left;
    text-align: right;
    margin-right: 10px;
}
.loginName {
    width: 200px;
    float:left;
}
.contactInfo {
    float: left;
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    color: #243762;
    font-size: 13px;
    margin: 25px 0px 25px 10px;
    width: 620px;         
    line-height: normal;
}
.dataRetention {
    float: left;
    font-family: "Segoe UI", Tahoma, Arial, Sans-Serif;
    color: #243762;
    font-size: 12px;
    margin: 0px 0px 25px 10px;
    width: 620px;         
    line-height: normal;
}
.txtPrimaryEmail {}
.txtCompanyName {}
.txtContactFirstName {}
.txtContactLastName {}
.txtAddress {}
.txtAddress2 {}
.ddlTimeZone {
    width: 220px;
}
.ddlDayOfWeek {}
.txtPhone {}
.txtFax {}
.promoCodeWorking {
    display: none;
}
.promoCodeDescription {
    width: 100%;
}
.spnPromoCodeDescription {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    font-size: 14px;
    color: black;
     
}
.privacy {
    margin: 15px;
}
.txtPromoCode {
    width: 120px!important;
    text-transform: uppercase;
}
.continueTrial {
    line-height: 1.5em;
    font-family: "Segoe UI", Tahoma;
}
.txtEmployeeCount {
    width: 50px!important;
}
.txtEmployeeCountColumn {
    width: 50px;
    float: left;
}
.employeeCountColumn {
    width: 240px;
    float: left;
    text-align: right;
}
#popupLoginInformationTemplate {
    width: 600px;
    display: none;
}
.popupLoginInformation p {
    margin-bottom: 15px;
}
.popupLoginInformation span {
    width: 49%;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #243762;
}
.alignRight {
    text-align: right;
}
.progressWrapper {
    width: 640px;
    height: 90px;
    text-align: center;
    margin-top: 15px;
    
}
.progressStepWrapper {
    width: 158px;
    height: 50px;
    float: left;
    text-align: center;
}
.progressStep {
    background-color: #cdcfa3;
    /* Safari 4-5, Chrome 1-9 */
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6002), to(#febd8d));*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdcfa3), to(#e9ead9));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background: -webkit-linear-gradient(top, #cdcfa3, #e9ead9); 
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #cdcfa3, #e9ead9);
    /* IE 10+ */
    background: -ms-linear-gradient(top, #cdcfa3, #e9ead9);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #cdcfa3, #e9ead9);
    font-family: Impact, "Century Gothic", Helvetica;
    
}
.selectedProgressStep {
    height: 44px;
    width: 44px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 3px solid #2c3541;
    color: #2c3541;
    margin: auto;
}
.unselectedProgressStep {
    height: 28px;
    width: 28px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #63778d;
    color: #63778d;
    margin: 10px auto;
}
.selectedProgressStep p {
    margin: 7px;
    font-size: 28px;
}
.unselectedProgressStep p {
    margin: 6px;
}
p.start {
    float:left;
    margin: 0px 0 0 67px;
    font-size: 11px;
}
p.finish {
    float:right;
    margin: 0px 71px 0 0;
    font-size: 11px;
}
div.center {
    text-align: center;
}