.floatleft {float: left;}
			
.floatright {float: right;}

div.container7 {
    height: 7em;
    margin: auto;
    width: 40em;;
    word-wrap: normal;
    margin-bottom: 20px;
    text-align: center;
}

div.container7 form fieldset{
   border-top: 1px solid black;
   border-bottom: none;
   border-left: none;
   border-right: none;
}

div.container7 form fieldset label{
    font-weight: bold;
}

body.bg {
    background-image: url(../pics/mst3k10-2%20BG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    background-image: linear-gradient();
}

form.box {
   line-height: 1;
   max-width: 400px;
   background: white;
   margin: 0 auto;
   font-family: Arial, Helvetica, sans-serif; 
   -webkit-box-shadow: 10px 0px 10px rgba(50, 50, 50, 1),
                       0px 10px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
   -moz-box-shadow:    10px 0px 10px rgba(50, 50, 50, 1),
                       0px 10px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
   box-shadow:         10px 0px 10px rgba(50, 50, 50, 1),
                       0px 10px 10px rgba(50, 50, 50, 1),
                       -10px 0px 10px rgba(50, 50, 50, 1);
}

@media only screen and (max-width: 1024px) {
    body.bg { margin: 0; background-image: none; }
    div.container6 img {width: 50%; height 50%;}
    div.container5 {float: none; width: 3em;}
    div.container6 {float: none; width: 3em;}
}

@media only screen and (max-width: 1280px) {
    body.bg { margin: 0; background-image: none; }
    div.container6 img {width: 60%; height 60%;}
    div.container5 {float: none; width: auto;}
    div.container6 {float: none; width: auto;}
}

div.result
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 200%;
    margin-top: 12em; 
    text-align: center
}

div.container7 img
{
    border-image: 0;
}