@charset "utf-8";

@font-face {
    font-family: 'hatten-webfont';

    src: url('../fonts/hatten-webfont.eot');
    src: url('../fonts/hatten-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hatten-webfont.woff') format('woff'),
         url('../fonts/hatten-webfont.ttf') format('truetype'),
         url('../fonts/hatten-webfont.svg') format('svg');
}

body {
    padding-top: 80px;
    font-family: hatten-webfont;
    letter-spacing: 1px;
}

a{
    font-weight: normal;
    cursor: pointer;
}

.clear_both{
    clear: both;
}

.navbar-brand{
    font-size: 40px;
}

.navbar{
    background-color: black;
}

.navbar-nav a{
    font-size: 30px;
}

h2{
    font-size: 35px;
}

h3{
    font-size: 25px;
}

img{
    width: 100%;
    height: 100%;
}

.description{
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.description, .description h2{
    background-color: #000000;
    color: #FFFFFF;
}

.block_description{
    border: 1px solid black;
}

.description h3, .description h2{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.col-md-4{
    padding-bottom: 15px;
}

.first-place{
    color: #f3d05c;
}

.second-place{
    color: #d7d7d7;
}

.third-place{
    color: #ac5100;
}

.spacer{
    float: left;
    height: 100%;
    width: 100%;
}

/*____________________ ADMIN MODE __________________*/

.admin_style{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.block_actions{
    margin-top: 10px;
}

.small_image{
    float: left;
    width: 48%;
    margin-right: 4%;
}

.col-md-3{
    padding-bottom: 20px;
}

.col-md-3 .block_description{
    padding: 10px;
}

.player_informations, .file_informations{
    overflow: hidden;
    float: left;
    width: 48%;
}

.player_informations{
    margin-right: 4%;
}

.action_buttons{
    float: left;
    width: 48%;
    overflow: hidden;
}

.action_button{
    color: blue;
    cursor: pointer;
}

.message{
    background: none;
    border: none;
    color: red;
    text-shadow: none;
    border-radius: none;
    box-shadow:none;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
}

.submit input{
    background: none;
    border: none;
    color: red;
    text-shadow: none !important;
    border-radius: none;
    box-shadow:none;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#UserAdminLoginForm{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
}

.admin_button{
    -moz-box-sizing:border-box;
    cursor: pointer;
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    border-color: #2d6324;
    color: #fff;
    text-shadow: none;
    padding: 8px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-align: center;
    
    display: block;
    height: 40px;
    margin: 0 0 20px;
}

.admin_results .block_description{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

.action_button{
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.admin_style input{
    margin-bottom: 20px;
}

.admin_style .inputdiv{
    font-size: 18px;
}

.loading{
    background-image: url(/img/spinner.gif);
    width: 48px;
    height: 48px;
}

#footer .loading{
    margin-left: auto;
    margin-right: auto;
}