body {
  margin: 0 auto;
  width:960px;
  background-color:#1F2A2E;
  color:#FFF;
  font-family: Tahoma;
  font-size:16px
}

nav {
  z-index:20000;
}

#container {
  width:100%;
  margin:0 auto;
  position:relative;
}

progress {
  margin-left:40px;
  display:inline-block;
  width:90px;
}

#home-left {
  width:510px;
display:inline-block;
}
#home-right {
  width:300px;
display:inline-block;
vertical-align:top
}

a.header {
  color:white;
  display:inline-block;
  margin:0 10px;
  font-size:20px
}

a.header:hover,.white:hover {
  color:#10A04B;
}

.white {
  color:#FFF
}

#spinner {
  font-size:64px;
  opacity:0.3;
  position:fixed;
  top:48%;
  left:48%;
  display:none
}

#logo,#logo-right,#up-logo,#up-logo-right {
  display:inline-block;
}

#up-logo,#logo {
  width:200px
}

#up-logo-right,#logo-right {
  width:760px;
  text-align:right
}

#records,#reports, #account{
  display:none;
}

#wrapper {
  width:969px;
  margin:0 auto;
}

#logout {
  z-index:40000
}

.reg {
  display:none
}

#login,#register,#privacy-guaranteed,#protect-yourself {
  width:330px;
  height:230px;
  padding:20px;
  margin:20px 70px 0 70px;
  text-align:center;
  display:inline-block;
  background-color:#2f363e;
  border-radius:6px;
  position:relative;
  vertical-align:top;
}

#privacy-guaranteed,#protect-yourself {
  height:90px
}

#unprotected-footer {
  width:960px;
  margin:10px auto
}

#up-footer-right,#up-footer-left,#footer-right,#footer-left {
  display:inline-block;
  text-align:left;
  width:840px
}

#footer-right,#footer-left {
  width:75%
}

#up-footer-right {
  text-align:right
}

a.up-footer {
  display:inline-block;
  margin:0 10px;
  font-size:16px;
  color:white;
}

a.up-footer:hover {
  color:#10A04B
}

#privacy-guaranteed,#protect-yourself {
  background-color:transparent;
  text-align:left;
  padding:3px;
}

.banner {
  position:absolute;
  background-image:url('/images/banner.png');
  top:20px;
  left:-12px;
  width:278px;
  height:58px;
  color:white;
  text-align:left;
  padding:6px;
}

.login-form {
  margin-top:40px;
}

input.login {
  width:200px;
  height:30px;
  border-radius:6px;
  margin-top:6px;
}

#register-area {
  margin-top:45px;
  text-align:left;
  color:white
}

#register-button {
  display:inline-block;
  width:131px;
  height:139px;
  vertical-align:top;
}

.pointer {
  cursor:pointer;
}

.pricing-link {
  color:#10A04B
}

.pricing,.faq {
  width:650px;
  text-align:left;
  margin:0 auto
}

#need-help {
  background-image:url('/images/needhelp.png');
  background-repeat:no-repeat;
  padding-top:60px;
  display:inline-block;
  width:131px;
  height:137px;
}

.small-text,.small {
  color:white;
  font-size:13px;
}

#unprotected-footer,
#unprotected-header,
#unprotected-home,
#unprotected-pricing,
#unprotected-about,
#unprotected-pricing,
#unprotected-faq,
#pre-register {
  width:1000px;
  margin:20px auto
}

header,#protected,#unprotected-demo,#home,#support {
  width:1000px;
  margin:20px auto
}

#footer {
  width:1000px;
  margin:20px auto;
  height:70px;
  top:670px;
/*
  border:1px solid red
*/
}

input {
  width:280px;
}

button {
  padding:3px 14px;
  margin-top:10px;
  background-color:#10A04B;
  border-radius:5px;
  border:none;
  color:white;
}

button.long {
  width:150px;
}

#submit-login {
  margin-left:24px;
}

th {
  text-align:center;
}

#add-user {
  display:inline-block;
}

#add-user,#set-password,.reset,#privacy-policy,#about-myvoc,#pricing {
  display:none;
}


input,select {
  border-radius:5px;
  height:44px;
  padding-left:4px;
  color:#000;
  margin:4px;
}

#submit-registration {
  border-radius:5px;
  height:44px;
  width:280px;
  margin:4px;
}

input:focus {
  background-color:#0C9D4A;
  color:white;
}

#make-admin {
  height:22px;
  width:22px;
}

#response {
  position:fixed;
  top:0;
  left:30%;
  right:30%;
  width:40%;
  z-index:10000;
}

.error {
  background-color:pink;
  color:red;
  padding:10px;
}

.success {
  background-color:lightgreen;
  color:green;
  padding:10px;
}

.edit:focus {
  background-color:lightyellow;
  color:black;
  min-width:20px
}

input[type="image"]{
  width:24px;
  height:24px;
  text-align:center;
}

input[type="radio"] {
  width:16px;
  height:16px;
}

input[type="file"] {
  color:#FFF;
  margin:20px auto
}

.delete-user {
  padding-left:20px;
}

#registration-left,#registration-right {
  display:inline-block;
  width:330px;
  margin-right:20px;
  vertical-align:top
}

#reg-city {
  width:145px;
}

#reg-zip {
  width:60px;
}

#num-units {
  width:100px;
}

#date,#date-from,#date-to{
  width:100px;
  display:none$('#csv-upload-div')
}

.add,.get {
  display:none
}

#payment,#after-payment,.not-visible {
  display:none;
}

#th-date {
  width:100px
}

#th-man {
  min-width:100px
}

#th-cat {
  min-width:100px
}

#th-prod {
  min-width:100px
}

#th-partnum {
  width:100px
}

#create-record, #get-records-div,#search-clients {
  display:none
}

#clients-list,#forgot,#forgot-message {
  display:none
/*
  uncomment to show list by default
*/
}

#saved-records,#save-records {
  margin:20px auto
}

#saved-records th, #save-records th {
  text-align:left;
  display:none;
  padding:0 6px
}

#saved-records th:nth-child(7),#save-records th:nth-child(7) {
  width:100px;
  text-align:right
}

#saved-records tbody,#saved-records tfoot {
  color:#FFF
}

#saved-records tbody tr, #save-records tbody tr {
  border-bottom:1px dotted #CCC
}

#saved-records tbody tr td, #save-records tbody tr td {
  border-left:1px dotted #CCC;
  padding:0 6px
}

#get-records {
  margin-bottom:20px;
}

#total {
  text-align:right;
  padding-right:4px;
  font-weight:bold
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #000;
}

#appfaq {
  display:none
}

#public,#dashboard,#account,#records,#reports,#admin,#privacy-policy,#about-myvoc,#faq,#pricing,#pre-register,#registration {
/*
  position:absolute;
  top:150px;
*/
  width:882px;
  min-height:500px;
  border-radius:20px;
  margin:0 auto;
  padding:4px;
  background-color:#2F363E;
  text-align:center;
}


#privacy-policy,#about-myvoc,#pricing {
  text-align:left;
}

.indent {
  display:inline-block;
  margin-left:20px
}

#support {
  width:882px;
  min-height:550px;
  border-radius:20px;
  margin:0 auto;
  padding:4px;
  background-color:#2F363E;
}

#support-left,#support-right {
  display:inline-block
}

#support-left {
  vertical-align:top;
  margin:30px;
}

#questions {
  width:550px;
  height:200px;
  margin:15px;
  color:black
}

#send-question {
  float:right
}

#dashboard a {
  margin-bottom:-20px;
  display:inline-block;
}

.page-header {
  border:none;
  margin-top:0
}

.full-banner {
  background-image:url('/images/full-banner.png');
  margin:0-13px;
  padding-top:4px;
  padding-left:10px;
  width:900px;
  height:58px;
  font:700 20px Tahoma, sans-serif;
  text-align:left
}

img.button {
  margin:30px
}

#admin,#account,#pre-register,#pre-register-message,#records,#reports,#support {
  display:''
}

.account,.account-value,.account2,.account-value2,.account3,.account-value3 {
  display:inline-block;
  width:200px;
  font:200 16px 'Tahoma';
  text-align:left;
  margin-bottom:10px
}

.account,.account2,.account3 {
  margin-bottom:0;
  font:700 16px 'Tahoma';
}

.account2,.account-value2 {
  width:600px;
}

.account3,.account-value3 {
  width:300px
}

#my-account-left {
  width:200px;
  display:inline-block;
  height:300px;
  vertical-align:top;
  margin-top:40px
}

#my-account-right {
  width:660px;
  display:inline-block
}

.account-city,.account-state,.account-zip,.account-email {
  display:inline-block;
  font:200 20px 'Tahoma 27px'
}

#welcome {
  font:400 16px 'Tahoma 27px';
  text-align:left;
  margin-bottom:10px;
}

#records,#reports {
  text-align:left;
  margin-left:10px
}

.fac {
  width:600px;
  text-align:left
}

.question {
  font-size:20px
}

.answer {
  margin-left:20px;
}