body {
	background-color: #F0F0F0;
}

/*#instructions {
	padding-left: 25px;
	padding-right: 25px;
}*/
/*html * {
	font-family: Helvetica;
}*/

html * {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#Calc_header {
  background-color: #4CB5F5; 
  color: white;
  text-align: center;
}

#headtitle {
  position: relative;
  top:-15px;
}
/*#submit {
  width: 100px;
  font-size: 125%;
  cursor: pointer;
} */

h2 {
  text-align: center
}
#inputs {
  padding-left: 10px;
  padding-right: 20px;
  width: 48%;
  min-width: 600px;
  display: inline;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

#results {
	padding-left: 10px;
  width: 48%;
  min-width: 600px;
  display: inline;
  float: left;
}

a {
	color: #000066;
}

#cats_table {
  width: 100%;
  max-width: 900px;
  table-layout: fixed;
  display: block;
  border-spacing: 10px;
  border-collapse: separate;
}

#cats_table th {
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}

td.slider_title {
  width: 30%;
  text-align: right;
  padding-right: 10px;
}

td.slider {
  width: 50%;
}

td.slider_input {
  width: 20%;
}

td.slider_input input {
  margin-left: 5px;
  width: 85px;
  height: 15px;
  border:2px solid #D9D9D9;
  border-radius: 4px;
}

td.slider_input input:focus {
  outline:none;
  border-color: #B3C100;
  box-shadow: 0 0  5px #B3C100;
}

.graphcont {
padding-top:0px;
color:#000;
font-weight:700;
float:left
}

.graph { /*bar graph grey background*/
float:left;
margin-top:0px;
background-color: #B7B8B6;
/*background: -webkit-linear-gradient(#7C7C7C, #ABABAB); /* For Safari 5.1 to 6.0 
background: -o-linear-gradient(#7C7C7C, #ABABAB); /* For Opera 11.1 to 12.0 
background: -moz-linear-gradient(#7C7C7C, #ABABAB); /* For Firefox 3.6 to 15 
background: linear-gradient(#7C7C7C, #ABABAB); /* Standard syntax */ 
position:relative;
width:280px;
padding:0
}

.graph .bar { /*bar graph original color:; green #A2D84C, #66A701*/
display:block;
position:relative; 
background-color: #34675C;
/*background: -webkit-linear-gradient(#000066, #00274c); /* For Safari 5.1 to 6.0 
background: -o-linear-gradient(#000066, #00274c); /* For Opera 11.1 to 12.0 
background: -moz-linear-gradient(#000066, #00274c); /* For Firefox 3.6 to 15 
background: linear-gradient(#000066, #00274c); /* Standard syntax */

border-right:#34675C 1px solid; /*originally 538e02 */
text-align:center;
color:#FFF;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}

/* Remove input box spinners*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}