body {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 0 30px;
    margin: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
}
#logo {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    //height: 100px;
}
#imgButton {
 //   float: left;
    margin-top: 30px;
    //width: 100%;
    //height: auto;
    height: 180px;
    //background-color: #eef;
}
#welcomewrapper {
    //float: right;
    //width: 100%;
    overflow: hidden;
    margin:  0;    
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    color: #0a2a000;
    //background-color: #fee;
}
#welcome {
   // float: right;
}
#welcome h1 {
    font-size: 40px;
    //color: #130;
    //color: #333;
    margin-top: 0px;
    margin-bottom: 26px;
}
#welcome h1 span:before{
    content: "Tax Software Demo Download";
}
.clr_b{
    clear: both;
}
.headerwrapper {
    //width: 66%;
    //max-width: 800px;
    width: 600px;
    //min-width: 550px;
    margin-right: auto;
    margin-left: auto;
}
.header {
    float: right;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
label {
    float: left;
    font-family: sans-serif;
    font-size: 22px;
    //color: #0a2a000;
    color: #fff;
    margin: 0 0 6px 0;
}
#body {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 0 30px;
    margin: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
}
#logo {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    //height: 100px;
}
#imgButton {
 //   float: left;
    margin-top: 30px;
    //width: 100%;
    //height: auto;
    height: 180px;
    //background-color: #eef;
}
#welcomewrapper {
    //float: right;
    //width: 100%;
    overflow: hidden;
    margin:  0;    
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    color: #0a2a000;
    //background-color: #fee;
}
#welcome {
   // float: right;
}
#welcome h1 {
    font-size: 40px;
    //color: #130;
    //color: #333;
    margin-top: 0px;
    margin-bottom: 26px;
}
#welcome h1 span:before{
    content: "Tax Software Demo Download";
}
.clr_b{
    clear: both;
}
.headerwrapper {
    //width: 66%;
    //max-width: 800px;
    width: 600px;
    //min-width: 550px;
    margin-right: auto;
    margin-left: auto;
}
.header {
    float: right;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
label {
    float: left;
    font-family: sans-serif;
    font-size: 22px;
    //color: #0a2a000;
    color: #fff;
    margin: 0 0 6px 0;
}
#inputform {
    overflow: hidden;
    //max-width: 800px;
    width: 600px;
    padding: 6px 15px 15px 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #BA9C5C;
}
#inputform  h2 {
    //color: #0a2a000;
    color: #fff;
    font-family: sans-serif;
    font-size: 26px;
    text-align: center;
}
#inputform  > h2 span:before{
    content: "Complete to create your login information";
}
#Error {
//display: none;
    color: #fa004c;
    font-family: sans-serif;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}
#errmsg  span:before{
    content: "Sorry, the login name you entered is not valid or it has been already taken up by someone.";
    text-align: left;
}
#erraction  span:before{
    content: "Reenter new login name.";
    text-align: left;
}
#Success {
    //display: none;
    overflow: hidden;
    //max-width: 800px;
    width: 600px;
    padding: 6px 15px 0px 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #14692b;
}
#Success  h2  { 
    color: #fff;
    font-family: sans-serif;
    font-size: 26px;
    //text-align: left;
    text-align: center;
}
#successmsgline1 {
//display: none:
}
#successmsgline1 span:before {
    content: "Congratulations, your account is created";
    font-size: 130%;
}
#successmsgline2 {
display: none;
}
#successmsgline2 span:before {
    content: "your account is created";
}
li {
    font-size: 22px;
    font-family: sans-serif;
    color: #d8d8d8;
}
#ulli1 span:before {
    content:"Once installed, run the software";
}
#ulli1 span:after {
    content:"";
}
#ulli2 span:before {
    content: "Your Login is the name you created: ";
}

#ulli2 span:after {
    content:"";
}
#ulli3 span:before {
    content:"Your password is: password (all lowercase)";
}
#ulli3 span:after {
    content:"";
}
#ulli4 span:before {
    content:"";
}
#ulli4 span:after {
    content:"";
}
#ulli5 span:before {
    content:"";
}
#ulli5 span:after {
    content:"";
}
#ulli6 span:before {
    content:"";
}
#ulli6 span:after {
    content:"";
}

#olli1 span:before {
    content:"Download the application";
}
#olli1 span:after {
    content:"";
}
#olli2 span:before {
    content:"Once installed, run the application";
}
#olli2 span:after {
    content:"";
}
#olli3 span:before {
    content:"Enter your login name as you typed in the form";
}
#olli3 span:after {
    content:"";
}
#olli4 span:before {
    content:"Your temporary password is ";
}
#olli4 span:after {
    content:"password";   
    font-weight: bold;
    color: #fa004c;
}
#olli5 span:before {
    content:"Once you login, you can change your password under Manage > Users";
}
#olli5 span:after {
    content:"";
}
#olli6 span:before {
    content:"";
}
#olli6 span:after {
    content:"";
}
#Success ul {
//display: none;

}
#Success ol {
display: none;

}
#ulli1 {
//display: none;
}
#ulli2 {
//display: none;
}
#ulli3 {
//display: none;
}
#ulli4 {
display: none;
}
#ulli5 {
display: none;
}
#ulli6 {
display: none;
}
/** /
#olli1 {
//display: none;
}
#olli2 {
//display: none;
}
#olli3 {
//display: none;
}
#olli4 {
//display: none;
}
#olli5 {
//display: none;
}
#olli6 {
//display: none;
}
/**/

#dnldbefore {
display: none;
}
/** /
#dnldbefore div  {

}
#dnldbefore div a span:before {
    content: "":
}
#dnldbefore div a span:after {
    content: "":
}
/**/
#dnldafter {
//display: none;
 //   overflow: hidden;
    padding: 4px;
 //   background-color: #fff;
    height: 64px;

}
/** /
#dnldafter div  {
    width: 240px;
    padding: 0;
    color: #fff;
    background-color: #888f80;
    border-width: 1px;
    border-top-color: #989f90;
    border-left-color: #989f90;
    border-bottom-color: #787f70;
    border-right-color: #787f70;
    text-align: center;

}
#dnldafter div a:hover {
    border-width: 2px;
    color: #80ff80;
} 
/**/
#dnldafter div  a {
    display: block;
    width: 240px;
    border: 0;
    background-color: #888;
    //border-top-color: #d5d8d2;
    //border-left-color: #d5d8d2;
    //border-bottom-color: #4b4f46;
    //border-right-color: #4b4f46;
    font-size: 22px;
    font-family: sans-serif;
    color: #fff;
    padding: 8px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
}
#dnldafter div  a:hover {
    //border-width: 2px;
    color: #000;
    background-color: #ccc;
}
#dnldafter div a span:before {
    content: "Software Download";
    font-size: 22px;
}
#dnldafter div a span:after {
    content: "":
}


input{
    float: right;
    font-size: 22px;
    margin: 0 0 6px 0;
    width: 230px;
}
.inputwrap {
    min-width: 600px;
    clear: both;
}
#uname label  span:before {
    content: "Login Name ";
    float: left;
}
#uname label  span:after {
    content: "(no spaces or special characters)";
    font-size: 85%;
    clear: both;
    float: left;
    //color: #203010;
    color: #d8d8d8;
}

#fname label  span:before {
    content: "First Name";
    float: left;
}
#lname label  span:before {
    content: "Last Name";
    float: left;
}
#phone label  span:before {
    content: "Phone number";
    float: left;
}
#email label  span:before {
    content: "Email ID";
    float: left;
}
#submit {
    clear: both;
    width: 240px;
    height: 60px;
    //margin-top: 10px;
    //margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}
#btnCreate  {
    //color: #0a2a000;
    color: #fff;
    float: none;
    width: 240px;
    padding: 4px;
    margin-top: 8px;
    background-color: #888;
    border-width: 0;
   // border-top-color: #999;
   // border-left-color: #999;
   // border-bottom-color: #777;
   // border-right-color: #777;
}
#submit input:hover {
    //border-width: 2px;
    color: #000;
    background-color: #ccc;
} 

.help-block{
   // clear: both;
    float: right;
    font-family: sans-serif;
    //margin-bottom: 5px;
    margin-right: 5px;
}

.form-error{
    color: #fa004c;
}

}

#Error {
//display: none;
    color: #fa004c;
    font-family: sans-serif;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}
#errmsg  span:before{
    content: "Sorry, the login name you entered is not valid or it has been already taken up by someone.";
    text-align: left;
}
#erraction  span:before{
    content: "Reenter new login name.";
    text-align: left;
}
#Success {
    //display: none;
    overflow: hidden;
    //max-width: 800px;
    width: 600px;
    padding: 6px 15px 0px 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #14692b;
}
#Success  h2  { 
    color: #fff;
    font-family: sans-serif;
    font-size: 26px;
    //text-align: left;
    text-align: center;
}
#successmsgline1 {
//display: none:
}
#successmsgline1 span:before {
    content: "Congratulations, your account is created";
    font-size: 130%;
}
#successmsgline2 {
display: none;
}
#successmsgline2 span:before {
    content: "your account is created";
}
li {
    font-size: 22px;
    font-family: sans-serif;
    color: #d8d8d8;
}
#ulli1 span:before {
    content:"Once installed, run the software";
}
#ulli1 span:after {
    content:"";
}
#ulli2 span:before {
    content: "Your Login is the name you created: ";
}

#ulli2 span:after {
    content:"";
}
#ulli3 span:before {
    content:"Your password is: password (all lowercase)";
}
#ulli3 span:after {
    content:"";
}
#ulli4 span:before {
    content:"";
}
#ulli4 span:after {
    content:"";
}
#ulli5 span:before {
    content:"";
}
#ulli5 span:after {
    content:"";
}
#ulli6 span:before {
    content:"";
}
#ulli6 span:after {
    content:"";
}

#olli1 span:before {
    content:"Download the application";
}
#olli1 span:after {
    content:"";
}
#olli2 span:before {
    content:"Once installed, run the application";
}
#olli2 span:after {
    content:"";
}
#olli3 span:before {
    content:"Enter your login name as you typed in the form";
}
#olli3 span:after {
    content:"";
}
#olli4 span:before {
    content:"Your temporary password is ";
}
#olli4 span:after {
    content:"password";   
    font-weight: bold;
    color: #fa004c;
}
#olli5 span:before {
    content:"Once you login, you can change your password under Manage > Users";
}
#olli5 span:after {
    content:"";
}
#olli6 span:before {
    content:"";
}
#olli6 span:after {
    content:"";
}
#Success ul {
//display: none;

}
#Success ol {
display: none;

}
#ulli1 {
//display: none;
}
#ulli2 {
//display: none;
}
#ulli3 {
//display: none;
}
#ulli4 {
display: none;
}
#ulli5 {
display: none;
}
#ulli6 {
display: none;
}
/** /
#olli1 {
//display: none;
}
#olli2 {
//display: none;
}
#olli3 {
//display: none;
}
#olli4 {
//display: none;
}
#olli5 {
//display: none;
}
#olli6 {
//display: none;
}
/**/

#dnldbefore {
display: none;
}
/** /
#dnldbefore div  {

}
#dnldbefore div a span:before {
    content: "":
}
#dnldbefore div a span:after {
    content: "":
}
/**/
#dnldafter {
//display: none;
 //   overflow: hidden;
    padding: 4px;
 //   background-color: #fff;
    height: 64px;

}
/** /
#dnldafter div  {
    width: 240px;
    padding: 0;
    color: #fff;
    background-color: #888f80;
    border-width: 1px;
    border-top-color: #989f90;
    border-left-color: #989f90;
    border-bottom-color: #787f70;
    border-right-color: #787f70;
    text-align: center;

}
#dnldafter div a:hover {
    border-width: 2px;
    color: #80ff80;
} 
/**/
#dnldafter div  a {
    display: block;
    width: 240px;
    border: 0;
    background-color: #888;
    //border-top-color: #d5d8d2;
    //border-left-color: #d5d8d2;
    //border-bottom-color: #4b4f46;
    //border-right-color: #4b4f46;
    font-size: 22px;
    font-family: sans-serif;
    color: #fff;
    padding: 8px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
}
#dnldafter div  a:hover {
    //border-width: 2px;
    color: #000;
    background-color: #ccc;
}
#dnldafter div a span:before {
    content: "Software Download";
    font-size: 22px;
}
#dnldafter div a span:after {
    content: "":
}


input{
    float: right;
    font-size: 22px;
    margin: 0 0 6px 0;
    width: 230px;
}
.inputwrap {
    min-width: 600px;
    clear: both;
}
#uname label  span:before {
    content: "Login Name ";
    float: left;
}
#uname label  span:after {
    content: "(no spaces or special characters)";
    font-size: 85%;
    clear: both;
    float: left;
    //color: #203010;
    color: #d8d8d8;
}

#fname label  span:before {
    content: "First Name";
    float: left;
}
#lname label  span:before {
    content: "Last Name";
    float: left;
}
#phone label  span:before {
    content: "Phone number";
    float: left;
}
#email label  span:before {
    content: "Email ID";
    float: left;
}
#submit {
    clear: both;
    width: 240px;
    height: 60px;
    //margin-top: 10px;
    //margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}
#btnCreate  {
    //color: #0a2a000;
    color: #fff;
    float: none;
    width: 240px;
    padding: 4px;
    margin-top: 8px;
    background-color: #888;
    border-width: 0;
   // border-top-color: #999;
   // border-left-color: #999;
   // border-bottom-color: #777;
   // border-right-color: #777;
}
#submit input:hover {
    //border-width: 2px;
    color: #000;
    background-color: #ccc;
} 

.help-block{
   // clear: both;
    float: right;
    font-family: sans-serif;
    //margin-bottom: 5px;
    margin-right: 5px;
}

.form-error{
    color: #fa004c;
}