.outercalc { background: none repeat scroll 0 0 #d9dadb; border-radius: 10px; box-shadow: 5px 5px 5px #888888; width: 400px;padding: 15px;}
.row1 {margin: auto; text-align: center; /*width: 95%;*/ background: none repeat scroll 0 0 #A2A5A8; border-radius: 10px; color: #FFFFFF; font-family: arial,verdana,sans-serif; font-size: 30px;font-weight: bold;padding: 5px 10px; /*width: 100%;*/}
.calctitle {background: none repeat scroll 0 0 #A2A5A8; border-radius: 10px; color: #FFFFFF; font-family: arial,verdana,sans-serif; font-size: 40px;font-weight: bold;padding: 5px 10px; /*width: 100%;*/}
.row2 {margin: auto; text-align: center; width: 100%; padding-bottom: 20px;margin-top: 15px !important;}
.row3 {margin: 130px auto auto; text-align: left; width: 95%; clear: both;background: none repeat scroll 0 0 #A2A5A8; border-radius: 10px; color: #FFFFFF; font-family: arial,verdana,sans-serif; font-size: 30px;font-weight: bold; /*padding: 5px 10px;*/ padding: 0 10px 5px;/* width: 100%;*/ }
.left {margin: auto; text-align: center; width: 45%; float:left;}
.right {/*margin-top: 20px;*/ margin-top: 5px; text-align: center; /*width:45px*/; float:right;}
.right > input { background: none repeat scroll 0 0 #8CC63E; border-color: #73A741 #78AD41 #4E7937 #4E7937; border-left: medium solid #4E7937; border-radius: 7px; border-style: solid; border-width: medium; color: #FFFFFF; font-size: 25px; font-weight: bold; padding: 10px; text-transform: uppercase; /*width: 100px;*/}
.right > input:hover { background: none repeat scroll 0 0 #4E7937;}
.calc3 { background: none repeat scroll 0 0 #A2A5A8; color: #FFFFFF; font-size: 16px; font-weight: bold; height: 130%; padding: 3px;width: 90%; border-color: #999999 #CCCCCC #CCCCCC #999999; border-radius: 7px; border-style: solid; margin-top: 5px;}
.calc4 { background: none repeat scroll 0 0 #A2A5A8; color: #FFFFFF; font-size: 16px; font-weight: bold; height: 130%; padding: 3px;width: 95%; border-color: #999999 #CCCCCC #CCCCCC #999999; border-radius: 7px; border-style: solid; margin-top: 5px;}
.unit {display:none;}
.row3 > input { background: none repeat scroll 0 0 #A2A5A8; border: medium none; color: #FFFFFF;float: left; font-size: 30px; margin-left: 30px; width: 20%; font-weight: bold;}
.row3 > span { margin-left: 10px; position: relative;}
.smallbutton {background: none repeat scroll 0 0 #CCCCCC !important; border: 1px solid #BBBBBB !important;font-size: 11px !important; float: right; margin-top: 3px;}
#producttype {font-size:17px}
#prodblurb {font-size:9px; float: right; font-style: italic; padding-right: 23px; width: 50%;}
#results {font-size:17px; border-radius: 5px; width: 40%;}
input[placeholder], [placeholder], *[placeholder] { color:#666 !important;}
::-webkit-input-placeholder { /* WebKit browsers */ color:    #666;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #666; opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #666; opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #666;}

