table.seats {
    border-collapse: separate;
    border-spacing: 1px;
    border: 0px;
}

    table.seats td {
        padding: 0px;
        border-bottom: 0px;
        /* background-color: white;*/
    }

        table.seats td div {
            cursor: pointer;
            text-align: center;
        }

            table.seats td div.kind01 {
                width: 60px;
                height: 88px;
                background-color: white;
            }

            table.seats td div.kind02 {
                width: 60px;
                height: 88px;
                background-color: lightgray;
            }

            table.seats td div.kind03 {
                width: 50px;
                height: 50px;
                background-color: white;
            }

            table.seats td div.over {
                border: 1px solid blue;
            }

                table.seats td div.over div {
                    background-color: blue;
                    color: white;
                }

            table.seats td div.status0 {
                border: 1px solid gray;
            }

                table.seats td div.status0 div {
                    background-color: gray;
                    color: white;
                }

            table.seats td div.status1 {
                border: 1px solid #7DA8FF;
            }

                table.seats td div.status1 div {
                    background-color: #7DA8FF;
                }

            table.seats td div.status2 {
                border: 1px solid #FF99CC;
            }

                table.seats td div.status2 div {
                    background-color: #FF99CC;
                }

            table.seats td div.status3 {
                border: 1px solid #669900;
            }

                table.seats td div.status3 div {
                    background-color: #669900;
                    color: white;
                }

            table.seats td div.status4 {
                border: 1px solid #669900;
            }

                table.seats td div.status4 div {
                    background-color: #669900;
                    color: white;
                }

            table.seats td div.status5 {
                border: 1px solid #669900;
            }

                table.seats td div.status5 div {
                    background-color: #669900;
                    color: white;
                }

            table.seats td div.status11 {
                border: 1px solid #669900;
            }

                table.seats td div.status11 div {
                    background-color: #669900;
                    color: white;
                }

            table.seats td div.status12 {
                border: 1px solid #669900;
            }

                table.seats td div.status12 div {
                    background-color: #669900;
                    color: white;
                }

            table.seats td div.kind01.lotus {
                background: url(../images/Lotus.jpg) no-repeat center 40px white;
            }

            table.seats td div.kind02.lotus {
                background: url(../images/Lotus.jpg) no-repeat center 40px white;
            }

            table.seats td div.kind03.lotus {
                background: url(../images/Lotus.jpg) no-repeat center 15px white;
            }

            table.seats td div.active {
                border: 2px solid red;
            }

.label0 {
    color: gray;
}

.label1 {
    color: #7DA8FF;
}

.label2 {
    color: #FF99CC;
}

.label3 {
    color: #669900;
}

.compass {
    width: 1200px;
    display: inline-block;
    text-align: center;
    padding-right: 180px;
    background: url(images/compass.jpg) 1000px 0px no-repeat;
}