*{
    padding: 0;
    margin: 0;
}
body{
    width: 900px;
    min-height: 700px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    color:darkorange;
}
header{
    display: block;
    height:300px;
    width: 900px;
    background: url(/images/stone_wall.jpg) no-repeat;
}
#leftbox{
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 30px;
    font: 12px tahoma;
}
#rightbox{
    float: left;
    width: 20px;
    margin-left: 50px;
    font: 12px tahoma;
}
#clear{
    clear:both;
}
a:link, a:visited {
    text-decoration: none;
    color: blue;
}
.login,.enter{
    text-align: right;
    margin-top: 20px;
}
.error{
    margin-right: 255px;
}
.exercises{
    margin-top: 20px;
    margin-bottom: 20px;
}
#form{
    border-radius: 15px;
    /*Mozilla Firefox */
    background-image:-moz-linear-gradient(top, #CCCCCC 0%, #666666 30%, #000000 80%);
    /*Google Chrome 11+*/
    background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #666666 30%, #000000 80%);
    /* Apple Safari/Google Chrome 10*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(0.3, #666666), color-stop(0.8, #000000));
    /*Opera*/
    background-image: -o-linear-gradient(top, #CCCCCC 0%, #666666 30%, #000000 80%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #CCCCCC 0%, #666666 30%, #000000 80%);
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #CCCCCC 0%, #666666 30%, #000000 80%);

}
.button:link, .button:visited, .button:hover{
    border-radius: 7px;
}
.button:link, .button:visited,#current_page:hover{
    color: black;    
    /*Mozilla Firefox */
    background-image:-moz-linear-gradient(top, #000099 0%, #CCCCCC 30%, #000099 90%);
    /*Google Chrome 11+*/
    background-image: -webkit-linear-gradient(top, #000099 0%, #CCCCCC 30%, #000099 90%);
    /* Apple Safari/Google Chrome 10*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000099), color-stop(0.3, #CCCCCC), color-stop(0.8, #000099));
    /*Opera*/
    background-image: -o-linear-gradient(top, #000099 0%, #CCCCCC 30%, #000099 90%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #000099 0%, #CCCCCC 30%, #000099 90%);
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #000099 0%, #CCCCCC 30%, #000099 90%);
}
.button:hover,#current_page:link,#current_page:visited{
    color: white;    
    /*Mozilla Firefox */
    background-image:-moz-linear-gradient(top, #CCCCCC 0%, #000099 30%, #CCCCCC 90%);
    /*Google Chrome 11+*/
    background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #000099 30%, #CCCCCC 90%);
    /* Apple Safari/Google Chrome 10*/
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(0.3, #000099), color-stop(0.8, #CCCCCC));
    /*Opera*/
    background-image: -o-linear-gradient(top, #CCCCCC 0%, #000099 30%, #CCCCCC 90%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #CCCCCC 0%, #000099 30%, #CCCCCC 90%);
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #CCCCCC 0%, #000099 30%, #CCCCCC 90%);
}
.button:link, .button:visited{
    font: bold 14px serif;
    margin-right:5px;
    padding: 2px 2px 2px 2px;
}
.form_button,form_button:hover{
    color:white;
    padding: 3px 3px 3px 3px;
    font: bold 14px serif;
    border-radius: 7px;
    border-style: outset;    
}
.form_button{    	
    /* Mozilla Firefox */ 
    background-image: -moz-radial-gradient(center, ellipse farthest-side, #33CCFF 0%, #000099 100%);
    /* Opera circle */     
    background-image: -o-radial-gradient(center, circle farthest-side, #33CCFF 0%, #000099 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(radial, center center, 0, center center, 519, color-stop(0, #33CCFF), color-stop(1, #000099));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-radial-gradient(center, ellipse farthest-side, #33CCFF 0%, #000099 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: radial-gradient(ellipse farthest-side at center, #33CCFF 0%, #000099 100%);
    /* IE10 Consumer Preview */ 
    background-image: -ms-radial-gradient(center, ellipse farthest-side, #33CCFF 0%, #000099 100%);    
}
.form_button:hover{
    /* Mozilla Firefox */ 
    background-image: -moz-radial-gradient(center, ellipse farthest-side, #000099 0%, #33CCFF 100%);
    /* Opera */ 
    background-image: -o-radial-gradient(center, circle farthest-side, #000099 0%, #33CCFF 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(radial, center center, 0, center center, 519, color-stop(0, #000099), color-stop(1, #33CCFF));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-radial-gradient(center, ellipse farthest-side, #000099 0%, #33CCFF 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: radial-gradient(ellipse farthest-side at center, #000099 0%, #33CCFF 100%);
    /* IE10 Consumer Preview */ 
    background-image: -ms-radial-gradient(center, ellipse farthest-side, #000099 0%, #33CCFF 100%);
}
#form{
    padding: 10px 0 20px 0;
    margin: 20px auto 0 auto;
    height: auto;
    width: 400px;
    text-align: center;
}
.text{
    text-align: right;
    width: 150px;
    float: left;
    line-height: 20px;
}
.input{
    line-height: 20px;
    float:left;
    text-align: left;
    margin-left: 10px;
    width: 200px;
}
.text,.input{
    margin-top: 20px;
}
#text_register,#input_register{
    margin-top: 50px;
}
.clear{
    clear:both;
    width: 220px;
    text-align: right;
    margin: 0 auto 0 auto;
}
.form_button{
    margin-top: 5px;
}
.reg_hint1,.reg_hint2,.reg_hint3,.reg_hint4,.reg_hint5{
    color: white;
    background: rgba(0,0,0,0.6);
    padding: 7px 10px;
    border-radius: 7px;
    -moz-webkit-radius: 7px;
    -webkit-border-radius: 7px;
    display: none;
    position: absolute;
}
.reg1:hover .reg_hint1{
    display: block;
    margin: -90px 0 0 -80px;
}
.reg2:hover .reg_hint2{
    display: block;
    margin: -90px 0 0 0px;
}
.reg3:hover .reg_hint3{
    display: block;
    margin: -90px 0 0 0px;
}
.reg4:hover .reg_hint4{
    display: block;
    margin: -90px 0 0 0px;
}
.reg5:hover .reg_hint5{
    display: block;
    margin: -70px 0 0 0px;
}
.message{
    color: white;
    display: block;
    height: 20px;
    width: 300px;
    margin: 0 auto 0 auto;
}
footer{
    clear: both;
    text-align: center;
}