/* armhole/sleeve calculator stylesheet */

body {
  font-family:sans-serif;
  font-size:10pt;
  color:#000;
  background-color:#ffffff;
  padding:0;
  margin:0;
}

div.clear {
  clear:both;
  font-size:0.1em;
  height:1px;
}

div.left {
  float:left;
}
div.right {
  float:right;
}

#banner {
  vertical-align:top;
  clear:both;
  margin:0;
  border-bottom:2px solid #555555;
  background-color:#ffffff;
  padding:0;
}

form {
  padding:0;
  margin:0;
}

#main {
  padding:10px 0 10px 10px;
  background-color:#8ddf8d;
}
#mainwhite {
  padding:10px 0 10px 10px;
  background-color:#fff;
}

#footer {
  background-color:#ffffff;
  border-top:2px solid #555555;
  margin:0;
  padding:10px 0 0 10px;
  font-family:"MS Trebuchet", Trebuchet, Verdana, sans-serif;
  color:#555555;
  font-size:0.8em;
  font-weight:bold;
}

#general {
  width:940px;
  vertical-align:top;
  clear:both;
  margin-bottom:10px;
}
#generalinput {
  vertical-align:top;
  width:500px;
}

a, a:visited, a:hover {
  color:#bf3dbd;
  font-family:"MS Trebuchet", Trebuchet, Verdana, sans-serif;
  font-weight:bold;
  font-style:italic;
  text-decoration:none;
}

#bodycalc {
  width:940px;
  vertical-align:top;
  clear:both;
  margin-bottom:10px;
}
#bodycalcinput {
  float:left;
  width:500px;
  vertical-align:top;
}
#bodycalcoutput {
  float:left;
  width:420px;
  height:80px;
  vertical-align:top;
  padding:25px 10px 10px 10px;
  margin-top:20px;
}

#sleevecalc {
  width:940px;
  vertical-align:top;
  clear:both;
  margin-bottom:10px;
}
#sleevecalcinput {
  float:left;
  width:500px;
  vertical-align:top;
}
#sleevecalcoutput {
  float:left;
  width:420px;
  height:100px;
  vertical-align:top;
  padding:10px 10px 10px 10px;
  margin-top:20px;
}

div.outputarea {
  background-image:url("../images/rt_arrow.png");
  background-position:10px 50%;
  background-repeat:no-repeat;
  text-align:center;
}

table.calctable {
  margin:0;
  padding:0;
  border:none;
  border-collapse:collapse;
  width:100%;
}

table.calcoutput {
  border-collapse:collapse;
  font-size:1.0em;
  background-color:transparent;
  border:2px solid #777;
  margin-left:51px;
  width:389px;
}
table.calcoutput td {
  padding:2px 4px;
  vertical-align:middle;
  font-family:Garamond, serif;
}
table.calcoutput td.labelhead {
  text-align:right;
  padding-top:6px;
  padding-right:8px;
}
table.calcoutput td.label {
  text-align:right;
  padding-right:8px;
  border-right:2px solid #777;
}
table.calcoutput td.datahead {
  text-align:center;
  border-bottom:2px solid #777;
  font-family:monospace;
  font-size:0.8em;
  padding-top:6px;
}
table.calcoutput td.data {
  border:1px solid #aaa;
  text-align:right;
  background-color:#ffffff;
  font-family:monospace;
  font-size:0.8em;
}
table.calcoutput td.unit {
  text-align:left;
  border-left:2px solid #777;
}
table.calcoutput td.labelbottom, table.calcoutput td.unitbottom {
  font-size:0.5em;
}
table.calcoutput td.databottom {
  font-size:0.5em;
  border-top:2px solid #777;
}


fieldset {
  margin:5px 0;
  border:1px dashed #bf3dbd;
}
legend {
  font-size:1.4em;
  font-weight:300;
  font-family:"MS Trebuchet", Trebuchet, Verdana, sans-serif;
  letter-spacing:-1px;
  color:#bf3dbd;
}
#fldset_general {
  background-image:url("../images/one.png");
  background-position:10px;
  background-repeat:no-repeat;
}
#fldset_body {
  background-image:url("../images/two.png");
  background-position:10px;
  background-repeat:no-repeat;
}
#fldset_sleeve {
  background-image:url("../images/three.png");
  background-position:10px 70%;
  background-repeat:no-repeat;
}

table.calctable td.input_label, table.calctable td.output_label {
  text-align:right;
  padding-right:4px;
  vertical-align:baseline;
  font-family:Garamond, serif;
}

table.calctable td.input_data {
  font-size:0.8em;
  text-align:left;
  padding-left:4px;
  vertical-align:baseline;
  width:170px;
  font-family:Garamond, serif;
}
table.calctable td.input_data_wide {
  font-size:0.8em;
  text-align:left;
  padding-left:4px;
  vertical-align:baseline;
  width:160px;
  font-family:Garamond, serif;
}

table.calctable td.output_note {
  font-size:0.8em;
  text-align:left;
  padding-left:4px;
  vertical-align:baseline;
  font-family:Garamond, serif;
}

table.calctable input {
  border:1px solid #000;
  background-color:#f0f0f0;
  color:#000;
  font-family:monospace;
  padding:1px 2px;
}
td.input_data input {
  width:10em;
  height:1.2em;
  font-weight:normal;
}
td.input_data_wide input {
  width:4em;
  height:1.2em;
  font-weight:normal;
}
td.input_data input:focus {
  background-color:#ffa;
}

td.output_data {
/*  width:4em; */
  height:1.2em;
  font-weight:bold;
  font-size:1.4em;
  font-family:Garamond, serif;
  color:#555;
  text-align:right;
  vertical-align:baseline;
  border:none;
}
td.output_data span.output_value {
  width:4em;
  height:1.2em;
  font-weight:bold;
  font-family:Garamond, serif;
  color:#555;
  text-align:right;
  vertical-align:baseline;
  background-color:#F5FC8D;
  border:1px solid #bf3dbd;
  padding:1px 2px;
}

input.button {
  color:#333;
  background-color:#F5FC8D;
  border:2px solid #aaaaaa;
}
input.button:hover {
  border:2px solid #bf3dbd;
}

span.big {
  font-size:3.0em;
  font-family:Garamond, serif;
}

.dataerror {
  background-color:#ff9999 ! important;
}


/* =====================================
 * Printable
*/
table.printoutput {
  border-collapse:collapse;
  font-size:1.0em;
  background-color:transparent;
  border:2px solid #777;
  margin:10px;
/*  width:800px; */
}
table.printoutput td {
  padding:2px 4px;
  vertical-align:middle;
  font-family:Garamond, serif;
}
table.printoutput td.labelhead {
  text-align:right;
  padding-top:6px;
  padding-right:8px;
}
table.printoutput td.label {
  text-align:right;
  padding-right:8px;
  border-right:2px solid #777;
}
table.printoutput tr.results td.label {
  text-align:right;
  padding-right:8px;
  border-right:2px solid #777;
  border-top:2px solid #777;
}
table.printoutput td.datahead {
  text-align:center;
  border-bottom:2px solid #777;
  font-family:monospace;
  font-size:0.8em;
  padding-top:6px;
}
table.printoutput td.data {
  border:1px solid #aaa;
  text-align:right;
  background-color:#ffffff;
  font-family:monospace;
  font-size:0.8em;
}
table.printoutput tr.results td.data {
  border-top:2px solid #777;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  text-align:right;
  background-color:#ffffff;
  font-family:monospace;
  font-size:0.8em;
}
table.printoutput td.unit {
  text-align:left;
  border-left:2px solid #777;
}
table.printoutput tr.results td.unit {
  text-align:left;
  border-left:2px solid #777;
  border-top:2px solid #777;
}
table.printoutput td.labelbottom, table.printoutput td.unitbottom {
  font-size:0.5em;
}
table.printoutput td.databottom {
  font-size:0.5em;
  border-top:2px solid #777;
}