/* colours:
Orange: #e69700
Blue: #5fa5e3
Grey: #cccccc
*/

.matchlist ul {
	padding: 0px;
}

.matchlist li {
	list-style: none;
}

.open_games, .match_ready_to_play, .match_not_ready_to_play {
    background: transparent url(../images/page/match_green_bg.png);
    border: 2px solid #1f7c3c;
    width: 200px;
    padding: 10px;
    margin: 10px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 70px;
}

.game_needs_password {
    background: transparent url(../images/page/match_red_bg.png);
    border: 2px solid #794857;
}


.match_ready_to_play {
    background: transparent url(../images/page/match_green_bg.png);
    border: 2px solid #1f7c3c;
}

.match_not_ready_to_play {
    background: transparent url(../images/page/match_red_bg.png);
    border: 2px solid #794857;
}

.game_num {
    float: right;
    font-size: 10px;
    text-align: right;
    width: 75px;
    margin: -7px -5px 0px 0px;
}

.pass_icon {
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url(../images/page/password.png);
}

.game_players, .open_name {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.game_button, .details_button, .ret_button, .invite_button {
    width: 100px;
    margin: 10px auto 0px;
    text-align: center;
}

.timeout {
    text-align: center;
}

.timeout .game_button, .timeout .ret_button {
    margin: 10px 0px 0px;
    float: left;
    width: 90px;
    text-align: center;
}

.invite_button {
    width: 120px;
}

.timeout .game_button {
    margin-right: 15px;
}

.game_players .game_red {
    font-size: 17px;
    color: #d00008;
}

.game_players .game_red a {
    color: #d00008;
}

.game_players .game_blue, .open_name .game_blue {
    font-size: 17px;
    color: #80a0f8;
}

.game_players .game_blue a, .open_name .game_blue a {
    color: #80a0f8;
}

.thats_you {
    text-align: center;
    color: #80a0f8;
    margin-top: 5px;
}

.create_left, .create_right {
    float: left;
    width: 185px;
}

.create_right {
    width: 610px;
    margin-left: 10px;
    text-align: center;
}

.map_preview_loader {
    margin: 40px 0px 0px 30px;
}

.makeagametitle {

}

.makeagamesmall {
    margin: -2px 0px 5px;
}

.mapnotes, .map_display_tags {
    border: 1px dashed #000000;
    padding: 5px;
    text-align: left;
    width: 300px;
    margin: 20px auto;
}

.tutorial {
    margin: 10px 60px 5px 10px;
    border: 2px dashed #FF0000;
    padding: 10px;
    font-size: 12px;
}