body {
	background: #05348a; /* Old browsers */
	background: -moz-linear-gradient(left,  #05348a 0%, #3b8bd0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#05348a), color-stop(100%,#3b8bd0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #05348a 0%,#3b8bd0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #05348a 0%,#3b8bd0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #05348a 0%,#3b8bd0 100%); /* IE10+ */
	background: linear-gradient(to right,  #05348a 0%,#3b8bd0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05348a', endColorstr='#3b8bd0',GradientType=1 ); /* IE6-9 */
}
#loginbox{
	margin-top:7.5%;
    display:none;
    float: left;
	width: 100%;
}
#loadingbar{
	display:none;
}
#copyright{
	color: #ffffff;
	text-align: center;
	display: none;
	padding-top: 133%;
}
    html,body{
        height:100%;
        width:100%;
    }
    #supercontainer{
        height:100%;
        width:100%;
        	/*background: url("../img/logo_white_watermerk_big.png") no-repeat 90% 90%;
        	background-size:cover;*/
    }
    #loginbox{
        background:white;
        padding:25px;
        border-radius:40px;
        color: rgb(1,36,78);
        margin-top:20%;
    }
    .container{
        max-width:360px;
    }
    @media(max-width:500px)
    {
        #loginbox{
            margin-top:130px;
        }
    }