/**
 * CSS Rules particular to the public UI
 *
 * @since 10 Jan 2015
 */


    /** Needs to support a mobile device, so content area isn't fixed */
    .content-area {
        width           : auto;
        max-width       : 600px;
        min-width       : 400px;
    }

    /** table should expand to fill availabe area, but not beyond */
    .table {
        width           : 100%;
        max-width       : 100%;
        font-family     : verdana;
    }
    

    tfoot tr td:nth-child(1) { text-align: right; }

    table + table {
        margin-top: 40px;
    }
    .instructions {
        font-size       : 12px;
        font-style      : italic;
        color           : #667;
        white-space     : normal !important; 
        padding-bottom  : 25px !important;
    }

    .normal-text {
        font-weight: normal;
    }

    .photoset-details,
    .account-details {
        border-spacing: 0;
    }

    .table-curved {
        border-collapse: separate;
    }
    .table-curved {
        border: solid #ccc 1px;
        border-radius: 6px;
        border-left:0px;
    }
    .table-curved td, .table-curved th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .table-curved th {
        border-top: none;
    }
    .table-curved thead tr:first-child th:first-child {
        border-radius: 6px 0 0 0;
    }
    .table-curved thead tr:first-child th:last-child {
        border-radius: 0 6px 0 0;
    }
    .table-curved thead tr:first-child th:only-child{
        border-radius: 6px 6px 0 0;
    }
    .table-curved tfoot tr:last-child td:first-child {
        border-radius: 0 0 0 6px;
    }
    .table-curved tfoot tr:last-child td:last-child {
        border-radius: 0 0 6px 0;
    }


    .table-curved thead tr:first-child th {
        background: #ECECEC;
        color: #444;
        border-bottom: none;
        /* text-shadow: -1px 1px 2px #85691E; */
    }

    .account-details tbody td { vertical-align: middle !important; }
    .account-details tbody td:nth-child(1) { white-space: nowrap; }
    .account-details tbody td:nth-child(2) { width: 99%;}