@import "toutpile_competition_specific.css";

/* globals tags */
header {
    width: 1000px;
}

td {
    height: 50px;
}

/* classes */

/* main content container */
.container {
    width: 1008px;
    min-height: 600px;
}

/* top nav bar */
.topnav a {
    padding: 14px 14px;
}

/* score cell in tables (gamelist, odds) */
.td_game_score {
    /*width: 100px;*/
    width: 25%;
}

/* put the user name and logout button on the far right */
#nav_auth {
    float: right;
}

/* main user login element div */
#main_login_div {
    text-align: center;
    margin:auto;
    width: 80%;
    border-radius: 5px;
    background-color: rgb(52, 144, 159);
    padding: 20px;
}

#main_login_form {
    display: inline-block;
}

/**/

.game_list_bonus_text {
    display: inline;
    color: red;
    font-weight: bold;
}

.a_gamelist_starttime {
    font-size: 11px;
}

/* a players results overview */
.td_player_results_type, .td_player_results_value {
    width: 50%;
    padding: 14px;
}

.td_message_user {
    width:120px;
    padding: 5px;
    text-align:center;
    border-right: 1px solid #ddd;
}

.td_message_text {
    vertical-align:top;
    max-width:500px;
    overflow:wrap;
    white-space:normal;
    word-wrap:break-word;
    padding: 10px;
    text-align:left;
}

.p_message_time {
    font-size: 9px;
}

/**/

.button {
    background-color: navy;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 8px;
}

.button:hover {
    background-color: blue;
}

/**/

.field_score_bet {
    /*margin: 0 auto;*/
    /*width: 45%;*/
    /*height: 1000px; doesnt work :/ */
    border: 2px solid red;
}

/**/

#content {
    width: 100%;
    /*padding: 5px;*/
    text-align: center;
}

#calendar_img {
    width: 100%;
}

.td_game_link {
    width:50px;
}

.td_team_flag {
    width:30px;
}

.td_team_name_right, .td_team_name_left {
    width:300px;
    padding: 14px 14px;
}

.td_team_name_right {
    text-align: left;
}

.td_team_name_left {
    text-align: right;
}


.game_link_img {
    width:34px;
    height:20px;
    border:0;
}

.team_flag_img {
    width:60px;
    height:auto;
    border:1px solid #021a40;
}




/**/





.table_player_results {
    width: 100%;
    table-layout: fixed;
}


.leaderboard_form select, .leaderboard_form input{
    font-size: 16px;
    height:40px;
}

/**/
.logo-container {
    /*margin: auto;*/ /*only desktop had this specified before, may need override*/
    background-size: 100% auto; /* was background-size: auto 100%; on dekstop, inversing matters?*/
}