body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14;
	background-color:#333333;
}
.page-content{
    width:950px;
    margin:150px 100px 10px 100px;
    padding:5px;
    color:#FFF7C9;
    font-size:16px;
    height:400px;
}

h1,h2 {
    color:#BB9C58;
}

a {
    font-weight:bold;
    text-decoration:none;
    color:#BB9C58
}

a:hover{
    color:#DAC67B
}

.scrollable{
    overflow-y: scroll;
}

.nav{
    position:absolute;
    bottom:0px;
    padding-bottom:20px;
    padding-top:20px;
    width: 1152px;
}

.nav-link{
    color:#BB9C58;
    font-size:15px;
    text-decoration:none;
    font-weight:bold;
    padding:0px 20px 0px 20px
}

.nav-link:hover{
    color:#DAC67B;
}

.private{
    display:none;
}

.page-bg{
    background-image: url("images/page-bg.png");
}

.index-bg{
    background-image: url("images/index-bg.png");
}

.content{
	width: 1152px;
        height: 648px;
	border-radius:10px;
	border:1px solid #16364C;
	box-shadow: 10px 10px 10px black;
    background-repeat: no-repeat;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;
        overflow-y:hidden;
        text-align:center;
}



.form{
        width: 600px;
        height: 280px;
        background-color:#CBB875;
	background-color:rgba(255,255,255,0.5);
        border-radius:10px;
	padding:40px;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
	border:1px solid #333333;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:hide;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.winner{
	margin: auto;
        width:400px;
        text-align:center
}
.congrats{
        margin:auto;
}
.back{
	position:absolute;
	bottom:5px;
	right:20px;
}
.forgot{
        position:absolute;
        bottom:5px;
        right:20px;
}

span{
	font-weight:bold;
	color:#333333;
	margin-bottom:20px;
	display:block;
}
span.question{
	margin-bottom:10px;
}
h2{
	margin-top:0px;
}
input{
        border:none;
        border-radius:5px;
        outline: none;
        display:inline;
        padding:5px;
        margin-bottom:10px;
        background-color:#EFEFED;
}
input[type=submit]{
	background-color:#224D6C;
	color:#EFEFED;
	font-weight:bold;
	margin-top:20px;
}
input[type=submit]:hover{
	background-color:#2D668E;
}
.login_input{
	width:350px;
}
.login_submit{

}
.forgot_submit{

}
.reset_input{
	width:350px;
}
.reset_submit{

}
.question_input{
	margin-bottom:20px;
}
.question_submit{

}
.password_input{

}
.password_submit{

}
.error{
	font-weight:bold;
	color:#820000;  
}
.message{
	font-weight:bold;
	color:#004700;
}
.logout_submit{
	position:absolute;
	bottom:5px;
        right: 20px;
}