div#selection_line1
{
    position: absolute;
    z-index: 10;
    top: 25px;

    width: 2px;
    height: 750px;

    background-color: rgba(0, 0, 0, 0.6);
}
div#selection_line2
{
    position: absolute;
    z-index: 10;
    left: 50px;

    width: 750px;
    height: 2px;

    background-color: rgba(0, 0, 0, 0.6);
}
div#selection_line3
{
    position: absolute;
    z-index: 10;
    top: 25px;

    width: 2px;
    height: 750px;

    background-color: rgba(0, 0, 0, 0.6);
}
div#selection_line4
{
    position: absolute;
    z-index: 10;
    left: 50px;

    width: 750px;
    height: 2px;

    background-color: rgba(0, 0, 0, 0.6);
}
input#r1[type=text] {
    width: 300px;
    position: absolute;
    padding: 12px 30px;
    margin:770px 70px;
    box-sizing: border-box;
    border: 2px solid grey;
    border-radius: 4px;
    }
input#r2[type=text] {
    width: 300px;
    position: absolute;
    padding: 12px 30px;
    margin:770px 450px;
    box-sizing: border-box;
    border: 2px solid grey;
    border-radius: 4px;
    }
div#circle1 {
        position: absolute;
	width: -100px;
	height: -100px;
	background: yellow;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
        opacity: 0.2;
}
div#circle2 {
        position: absolute;
        width: -100px;
        height: -100px;
        background: yellow;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50%;
        opacity: 0.2;
}
div#position {
    position: absolute;
    width: 300px;
    border: none !important;
    height: 20px;
    left: 500px;
    top: 740px;
}
