.calcbar {
	border-style:solid;
	border-color:#505050;
	border-width:1px;
	font: bold 12px Verdana, sans-serif;
	padding:10px;
	/*background-color:#abf1a9;*/
	margin-bottom:0px;	
}

/* buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:22px; /*was 27,18 */
	height:22px; /*was 27,18 */
	background:url(../images/calcbutton.gif) no-repeat right top; 
	padding-right:10px; 
	display:inline-block;
	text-decoration: none;
	color: #606060;
}

@media screen and (max-width: 770px) {
	.round {
		width:110px;
	}
}

.round ins { 
	background:url(../images/calcbutton.gif) no-repeat left top; 
	height:22px; /*was 27,18 */
	line-height:22px; /*was 27,18 */
	display:inline-block;
	padding-left:10px;
	text-decoration: none;
	color: #606060;
}

a.round:hover {
	background-position:right -22px;
	text-decoration: none; /*added to eliminate underline during hover in FF */
	color: #F8F8F8;
}

a.round:hover ins {
	background-position:left -22px;
	color: #F8F8F8;
}

.selected {
	background-position:right -44px; /*36*/
}

.selected ins {
	background-position:left -44px; /*36*/
}


	

	
	
	
	
	
	
	


.calcbartitle {
	float:left;
	margin: 0px 10px 0px 0px;
}

.calcbarbutton {
	float:left;
	margin: 0px 10px 4px 0px;
}

.calccontainer {
	max-width:1000px;
}

.calcbox {
    background-color: #ffffff;
    border-color: #505050;
    border-style: solid;
    border-width: 1px;
    font: bold 12px Verdana,sans-serif;
    margin-bottom: 4px;
    padding: 10px;
    width: 798px;
}

.shapebar {
	border-color: #505050;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
	background-color:#fff;
	min-height: 60px;
	clear:both;
}

.shape {
	padding: 4px 10px;
	width:18%;
	min-width:75px;
	float:left;
	text-align:center;
}

.inputbar {
	padding: 4px 10px;
	border-color: #505050;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
	background-color:#fff;
}

.inputitem {
	background-color:#e8e8e8;
	width: 250px;
	padding: 4px 8px;
	margin: 4px;
	float:left;
	border: 1px solid #aaa;
    border-radius: 6px;
	min-height: 40px;
}

.calcclear {
	width: 250px;
	margin: 4px;
	float:left;
}

.calcbutton {
  background: #88ee88;
  background-image: -webkit-linear-gradient(top, #88ee88, #22bb22);
  background-image: -moz-linear-gradient(top, #88ee88, #22bb22);
  background-image: -ms-linear-gradient(top, #88ee88, #22bb22);
  background-image: -o-linear-gradient(top, #88ee88, #22bb22);
  background-image: linear-gradient(to bottom, #88ee88, #22bb22);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  color: #000000;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  border: solid #707070 1px;
  text-decoration: none;
}

.calcbutton:hover {
  background: #22bb22;
  text-decoration: none;
}

.calcbtn3 {
  background: #3ebd3e;
  background-image: -webkit-linear-gradient(top, #3ebd3e, #007700);
  background-image: -moz-linear-gradient(top, #3ebd3e, #007700);
  background-image: -ms-linear-gradient(top, #3ebd3e, #007700);
  background-image: -o-linear-gradient(top, #3ebd3e, #007700);
  background-image: linear-gradient(to bottom, #3ebd3e, #007700);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  border: solid #707070 1px;
  text-decoration: none;
}

.calcbtn3:hover {
  background: #007700;
  text-decoration: none;
}

.inputitemlabel {
	width: 90px;
	float:left;
}

.cases {
	width:100%;
}

.casebox {
	background-color:#cedff8;
	width:32%;
	min-width: 215px;
	text-align:center;
	margin: 4px 4px 4px 0px;
	padding: 8px 0px 4px 0px;
	border: 1px solid #aaa;
    border-radius: 6px;
	float:left;
}

.graphbox {
	background-color:#fff;
	min-width: 300px;
	text-align:center;
	margin: 4px 4px 4px 0px;
	padding: 4px 0px 4px 0px;
	border: 1px solid #aaa;
    border-radius: 6px;
	float:left;
}

.magfldbox {
	background-color:#e8e8e8; 
	min-width: 250px;
	min-height: 80px;
	margin: 4px 4px 4px 0px;
	padding: 8px 10px 4px 10px;
	border: 1px solid #aaa;
    border-radius: 6px;
	float:left;
	text-align:left;
	width:95%;
}

.magfldbox1 {
	text-align:center;
	float:left;
	padding: 0px 30px 10px 0px;
}

.magfldbox2 {
	text-align:center;
	float:left;
	padding: 0px 30px 10px 0px;
}

.magfldbox3 {
	text-align:left;
	float:left;
	padding: 0px 30px 10px 0px;
	text-align:left
}

.morebox {
	background-color:#e8e8e8;
	min-width: 175px;
	min-height: 80px;
	text-align:left;
	margin: 4px 4px 4px 0px;
	padding: 4px 10px 4px 10px;
	border: 1px solid #aaa;
    border-radius: 6px;
	float:left;
}

.suggbox {
	background-color:#fff;
	clear:both;
	min-width: 275px;
	text-align:left;
	margin: 30px 4px 0px 0px;
	padding: 0px 0px 4px 0px;
}

.suggprod {
	background-color:#e8e8e8;
	overflow:hidden;
	text-align:center;
	width: 150px;
	height: 150px;
	margin: 4px 4px 0px 0px;
	padding: 10px 30px 10px 30px;
	border: 1px solid #aaa;
    border-radius: 6px;
	float:left;
}

.suggprodname2 {
	color: #203060;
	font-size:120%;
	font-weight: bold;
}