 body, html {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
 }
 
 body * {
  font-family: Helvetica;
  font-size: 13px;
 }
 
 form {
  border-radius: 4px;
  border: 1px solid white;
  padding: 6px 6px 10px 6px;
 }

 #CalcBody {
   width: 350px;
   margin: 0px auto 0px auto;
   border: 1px solid silver;
   border-radius: 10px;
   background: #F4F4F4;   
   padding: 10px 10px 0px 10px;
   overflow: hidden;
  }
 
 .calcTable, .infoBox, .results {
   width: 336px;
 }  

/* Header */

  header img {
   height: 20px;
   display: inline;
   margin-right: 5px;
  }
  
  header {
   text-align: center;
   font-size: 26px;
   font-weight: bold;
   padding-bottom: 7px;

  }
  
  header span {
   color: white; 
   font-size: 24.5px;
   font-weight: normal;
   letter-spacing:2px;
   text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  }
 
/* Tooltip Stuff */

 a.question {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #89A4CC;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
  font-style: normal;
  text-decoration: none;
 }
 a.question:hover { background-color: #3D6199; } 

/* Calculator GUI */
  
 td {
  vertical-align: middle;
 }
 
 input[type=checkbox] {
  margin-right: 10px;
 }
 
 input[type=text], select, button {
  width: 100%;
  padding: 5px;
 }
  
 input[type=text] {
  width: 95%;
 }
 
 button {
  margin-top: 10px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid gray;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFE), to(#F4F4F4));
  background: -webkit-linear-gradient(top, #FAFAFE, #F4F4F4);
  background: -moz-linear-gradient(top, #FAFAFE, #F4F4F4);
  background: -ms-linear-gradient(top, #FAFAFE, #F4F4F4);
  background: -o-linear-gradient(top, #FAFAFE, #F4F4F4);
 }
 
 button:hover:not(.disabled) {
   background: -webkit-linear-gradient(top, #F4F4F4, #FEFEFE);
   background: -moz-linear-gradient(top, #F4F4F4, #FEFEFE);
   background: -ms-linear-gradient(top, #F4F4F4, #FEFEFE);
   background: -o-linear-gradient(top, #F4F4F4, #FEFEFE);
 }
 
 button:active:not(.disabled) {
  -webkit-box-shadow:5px 5px 5px #999999; 
  -moz-box-shadow: 5px 5px 5px #999999; 
  box-shadow:5px 5px 5px #999999;
  border-collapse: separate;
 }
 
 .disabled {
  color: silver;
  cursor: inherit !important;
 }

 #loaderContainer img {
  height: 15px;
  margin-bottom: -3px;
  margin-right: .2em;
 }
 
/* Info Box */

 .calcInfo {
   height: 158px;
   margin-top: 10px;
   padding: 15px 10px 5px 10px;
   font-size: 12px;
   background: #EBEBEB;
   -moz-border-radius: 3px;
   border-radius: 3px;
  }
  
 .loadScreen {
  
 }
  
 .calcInfo b {
   font-size: 12px;
  }
  
 .calcInfo img {
   margin: -4px 13px;
   height: 22px;
   float: left;
  }
  
  ul {
   margin-bottom: 6px;
  }
  
  li {
   list-style-image: url("/income-tax-calculator/images/checkmark_bullet.png");
   padding-bottom: 7px;
   color: gray;
   padding-left: 8px;   
  }
  
  .tagLine {
   text-align: center;
   color: #2E6E9E;
   font-size: 12px;
  }
  
  .tagLine a:link, .tagLine a:visited {
   color: #2E6E9E;
   font-size: 12px;
  }
  
/* Results Area */

 .calcResults {
  display: none;
  padding-bottom: 5px;
 }
 
 #resultsTable {
  width: 100%;
 }
 
 #resultsTable td, #resultsTable td * {
  width: 100%;
  font-size: 20px;
  padding: 0px 0px 5px 0px;
 }
 
 #resultsTable td:nth-child(2) {
  color: #008800;
 }
 
 #resultsTable tr:nth-child(2) td {
  padding-bottom: 10px;
 }
 
 #resultsTable tr:nth-child(3) td {
  border-top: 1px dashed gray;
  padding-top: 10px;
  padding-bottom: 0px;
 }
 
/* Footer */

  footer {
   color: silver;
   margin-top: 10px;
   padding-top: 7px;
   overflow: hidden;
   width: 100%;
  }
  
  footer div {
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background-color: #2E6E9E;
   padding: 10px;
   float: right;
   color: white;
  }
  
  footer div:hover {
   padding-bottom: 7px;
   margin-top: 3px;
  }
  
  footer div a:link, footer div a:visited {
   color: white;
  }
  
  a:hover {
   text-decoration: none;
  }
  
  footer span {
   font-size: 11px;
   color: gray;
   float: left;
   margin: -8px 0px 0px 8px;
  }
  
  #embed {
   width: 200px;
   height: 15px;
   display: block;
   margin-top: 4px;
   padding: 0px;
   color: gray;
  }
  
 /* Results Status */
 
  #CalculatorResultsStatus div {
   padding: 15px;
   border-radius: 6px;
   text-align: center;
   margin: 15px 0px 15px;
   color: white;
   background: #E04B39;
  }

  #CalculatorResultsStatus a:link, #CalculatorResultsStatus a:visited {
   color: white;
   font-weight: bold;
   text-decoration: underline;
  }