body{
	font-size: 14px;
}
.oncontainer{
	width: 100%;
}
.onlabel{
    min-width: 100px;
    text-align: right;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-left: 10px;
}
.oninput{
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    margin-left: 10px;
}
.onbutton{
	padding: 6px 12px;
	display: inline-block;
	line-height: 1.42857143;
	    font-weight: 400;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    vertical-align: middle;
}
.onrow{
    vertical-align: middle;
    min-width: 1px;
}
.right_background{
    position: relative;
	background-image: url("../images/calculator/Right.png");
	float: left;
	width: 327px;
	height: 177px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.right_background.house {
	background-image: url("../images/calculator/IVP_house_right.png");
}
.right_background.inside90 {
	background-image: url("../images/calculator/IVP_i90_right.png");
}
.right_background.inside90s {
	background-image: url("../images/calculator/IVP_i90_right_short.png");
}
.right_background.outside90 {
	/*background-image: url("../images/calculator/IVP_o90_right.png");*/
	background-image: url("../images/calculator/Right.png");
}
.right_background.outside90s {
	background-image: url("../images/calculator/IVP_o90_right_short.png");
}
.right_background.isplit45 {
	background-image: url("../images/calculator/IVP_i45split_right.png");
}
.right_background.stairs {
	background-image: url("../images/calculator/IVP_stairs_right.png");
}
.right_background.stairss {
	background-image: url("../images/calculator/IVP_stairs_right_short.png");
}
.right_value{
	margin-left: 130px;
}
.left_background{
    position: relative;
	background-image: url("../images/calculator/Left.png");
	float: left;
	width: 295px;
	height: 177px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.left_background.house {
	background-image: url("../images/calculator/IVP_house_left.png");
}
.left_background.inside90 {
	background-image: url("../images/calculator/IVP_i90_left.png");
}
.left_background.outside90 {
	/*background-image: url("../images/calculator/IVP_o90_left.png");*/
}
.left_background.isplit45 {
	background-image: url("../images/calculator/IVP_i45split_left.png");
}
.left_spacer,
.middle_left_spacer,
.middle_right_spacer,
.right_left_spacer,
.right_right_spacer,
.far_right_spacer{
    position: absolute;
    width: 40px;
    height: 120px;
    cursor: pointer;
    font-size: 10pt;
}
.left_spacer{
    left: 60px;
}
.middle_right_spacer{
    left: 45px;
}
.middle_left_spacer{
    left: -5px;
}
.right_left_spacer{
    left: 5px;
}
.right_right_spacer{
    left: 45px;
}
.far_right_spacer{
    display: none;
}
.left_value{
	margin-left: 132px;
}

/* Adjustments for individual images */
.left_background.inside90 .left_spacer {
    top: 90px;
    left: 45px;
}
.right_background.inside90 .right_left_spacer,
.right_background.inside90 .right_right_spacer,
.right_background.inside90 .far_right_spacer {
    top: 90px;
}
.right_background.inside90 .far_right_spacer {
    left: 230px;
}
.left_background.isplit45 .left_spacer {
    top: 90px;
    left: 50px;
}
.left_background.house .left_spacer {
    left: 20px;
}
.left_background.stairs .left_spacer {
    left: 45px;
}
.right_background.stairs .right_left_spacer,
.right_background.stairs .right_right_spacer,
.right_background.stairs .far_right_spacer {
    top: 20px;
}
.right_background.stairs .far_right_spacer {
    display: block;
    left: 215px;
}
.right_background.house .right_left_spacer,
.right_background.house .right_right_spacer,
.right_background.isplit45 .right_left_spacer,
.right_background.isplit45 .right_right_spacer,
.right_background.osplit45 .right_left_spacer,
.right_background.osplit45 .right_right_spacer {
    display: none;
}
.right_background.isplit45 .far_right_spacer,
.right_background.osplit45 .far_right_spacer {
    display: block;
    top: 90px;
    left: 230px;
}
.right_background.house .far_right_spacer {
    display: block;
    left: 260px;
}

.right_background.outside90 .far_right_spacer {
    display: block;
    left: 218px;
}

.left_background.inside90 .left_value,
.right_background.inside90 .right_value {
    margin-left: 112px;
}
.left_background.isplit45 .left_value,
.right_background.isplit45 .right_value {
    margin-left: 125px;
}

.middle_value{
	margin-left: 125px;
}
.middle_background{
    position: relative;
	background-image: url("../images/calculator/Middle.png");
	float: left;
	width: 278px;
	height: 177px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.b_right
{
	width: 60px;
    float: left;
    text-align: center;
margin-top: 8px;
}
.b_middle{
	width: 60px;
    float: left;
    text-align: center;
margin-top: 8px;
}
.b_left{
	width: 60px;
    float: left;
    text-align: center;
margin-top: 8px;
}
.replace{
	float: left;
	color: #fff;
    background-color: #5cb85c;
    border: 1px solid transparent;
    border-radius: 4px;
}
.drag_drop{
	padding: 6px 12px;
	display: inline-block;
	line-height: 1.42857143;
	font-weight: 400;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 50px;
    color: #fff;
    background-color: #006dcc;
    border-color: #4cae4c;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 5px;
    text-align: center;
}

/* Put your css in here */

.topRow{
    margin-bottom : 30px;
}


.view_font{
	color: red;
    font-size: 25px;
    font-weight: 600;
	margin-top: 5px;
	float: left;
}
.view{
	margin-top: -40px;
}