/* Core styles for the page */
body {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: #363636;
}

code {
    font-size: 1.1em;
}

a {
    text-decoration: none;
}

a:hover {
    color: #369;
    text-decoration: underline;
}

/* Member registration styles */
span.invalid {
    padding-left: 3px;
    color: red;
}

span.success {
   padding-left: 3px;
   color: green;
}

/* Member table styles */
#members {
    display: table;
    width: 100%;
}

#members .row {
    display: table-row;
}

#members .row .col {
    display: table-cell;
    width: auto;
    border: 1px solid #ccc;
}

#members .head {
    color: #FFFFFF;
    background-color: #000000;
    padding: 1px 5px;
    border-bottom: 1px solid #ccc;
}

#members .data {
    padding: 1px 5px;
    font-size: 11px;
}

.member-foot {
    clear: both;
    height: 20px;
    font-weight: bold;
}

/* Cardinfo table styles */
#cardinfos {
    display: table;
    width: 100%;
}

#cardinfos .row {
    display: table-row;
}

#cardinfos .row .col {
    display: table-cell;
    width: auto;
    border: 1px solid #ccc;
}

#cardinfos .head {
    color: #FFFFFF;
    background-color: #000000;
    padding: 1px 5px;
    border-bottom: 1px solid #ccc;
}

#cardinfos .data {
    padding: 1px 5px;
    font-size: 11px;
}

.cardinfo-foot {
    clear: both;
    height: 20px;
    font-weight: bold;
}

/* Quotes table styles */
#quotes {
    display: table;
    width: 100%;
}

#quotes .row {
    display: table-row;
}

#quotes .row .col {
    display: table-cell;
    width: auto;
    border: 1px solid #ccc;
}

#quotes .head {
    color: #FFFFFF;
    background-color: #000000;
    padding: 1px 5px;
    border-bottom: 1px solid #ccc;
}

#quotes .data {
    padding: 1px 5px;
    font-size: 11px;
}

.quote-foot {
    clear: both;
    height: 20px;
    font-weight: bold;
}