.roundbox {
	position:relative;
	height:172px; 
	width:230px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
}

/*.rounboxIcon {
	position:absolute;
	left:0px; 
	top:50px;
	width:50px;
	height:50px;
}*/
/* 20170901 - modified position and size to account for new 100x100 pixel images provided */
.rounboxIcon {
	position:absolute;
	left:20px; 
	top:70px;
	width:50px;
	height:50px;
}

.roundboxDescr{
	position:absolute;
/*	left:123px;*/
	left:93px;
	top:65px;
	color:#797979; 
	font-size:15px !important;
	font-family:Verdana, Geneva, sans-serif;
}

.roundboxOutfield {
	font-family:Arial, Helvetica, sans-serif;
	color:#47aa42;
	font-size:22px;
	font-weight:600;
	text-align:right;
	border:none;
	box-shadow:none;
	position:absolute;
	width:180px;
	left:30px;
	top:20px;
}

.emissType {
	clear:both;
	font-size:18px !important;
	font-weight:bold;
	margin-bottom:0px !important;
	margin-left:0;
	margin-top:10px;
}

/*.i-icon {
	position:absolute;
	left: 207px;
	top: 5px;
}*/
.i-icon {
	position:absolute;
    left: 8px;
    top: 8px;
    z-index:1;
}

.calculate {
	box-shadow: 1px 1px 0px 0px #FFFFFF inset;
	width:179px;
	height:42px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:white;
	text-shadow:1px 1px #3a7937;
	font-size:18px;
	border: 1px solid #24891e;
	border-radius:10px;
/*	background-image: url('images2/calculator/calcGrad.gif');*/
	background-image: url('../../images/calcGrad.gif');
	background-repeat:repeat-x;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81DA7D), color-stop(1, #47AB41));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #81DA7D 0%, #47AB41 100%);
}

.calculate:hover {
	box-shadow: 1px 1px 0px 0px #FFFFFF inset;
	width:179px;
	height:42px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:white;
	font-size:18px;
	border: 2px solid #24891e;
	border-radius:10px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81DA7D), color-stop(1, #47AB41));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #81DA7D 0%, #47AB41 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #81DA7D 0%, #47AB41 100%);
}

.calculate:active {
	box-shadow: 1px 1px 0px 0px #FFFFFF inset;
	width:179px;
	height:42px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:white;
	font-size:18px;
	border: 1px solid #FFFFFF;
	border-radius:10px;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #47AB41 0%, #81DA7D 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #47AB41 0%, #81DA7D 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #47AB41 0%, #81DA7D 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #47AB41), color-stop(1, #47AB4181DA7D));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #47AB41 0%, #81DA7D 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #47AB41 0%, #81DA7D 100%);
}

/* this is supposed to contain the select in a div.  the div is supposed to cut the
ugly arrow off of the select so it can be replaced.  haven't gotten this to work.*/
.styled-select2 {
	float:left;
	position:relative;
	margin-left:10px;
	bottom:2px;
	width: 230px;
	height: 25px;
	overflow: hidden;
	border-radius:5px;
	border:1px #b4b4b4 solid;	
}

/*this should be .styled-select select { ... } if the above rule worked.  the width
would be larger than the div above, 250px */
.styled-select {
	width:150px;
	height:25px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	border:1px #b4b4b4 solid;
	border-radius:5px;
	background-image: url('calculator_resources/selectGrad.gif');
	background-repeat:repeat-x;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FBFBFB 0%, #D7D5D9 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FBFBFB 0%, #D7D5D9 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FBFBFB 0%, #D7D5D9 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBFBFB), color-stop(1, #D7D5D9));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FBFBFB 0%, #D7D5D9 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FBFBFB 0%, #D7D5D9 100%);
}

.styled-or {
	font-family:Verdana, Geneva, sans-serif;
	color:#777;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	position:absolute;
	top:160px;
	left:230px;
	width:4.5em;
}