TABLE.pta-sus-sheets {
    width: 100%;
    }
TABLE.pta-sus-tasks TD,
TABLE.pta-sus-sheets TD {
    border-collapse: collapse;  
    border-spacing: 0;  
    }
TABLE.pta-sus-tasks TD,
TABLE.pta-sus-sheets TD,
TABLE.pta-sus-tasks TH,
TABLE.pta-sus-sheets TH {
    padding: .2em .6em;
    vertical-align: top;
    }

TABLE.pta-sus-sheets TD,
TABLE.pta-sus-tasks TH,
TABLE.pta-sus-sheets TH {
    border-bottom: 1px solid #ccc;
    }
TABLE.pta-sus-sheets TR.filled, TABLE.pta-sus-tasks TR.filled {
    background: #eee;
    }
TABLE.pta-sus-sheets .column-open_spots {
    text-align: center;
    }
TABLE.pta-sus-sheets .column-open_spots {
    text-align: center;
    }
TABLE.pta-sus-sheets .column-view_link {
    white-space: nowrap;
    }
    
.pta-sus.error,
.pta-sus.updated {
    color: #000 !important;
    display: block;
    float: none;
    margin: 1em 0;
    padding: 5px 5px 5px 30px;
    text-align: left !important;
    width: auto;
    }
.pta-sus.updated {
    background: #F0FFDF url('../images/icon-check.gif') no-repeat scroll 8px .5em;
    }
.pta-sus.error {
    background: #FFF2CF url('../images/icon-alert.png') no-repeat scroll 8px .5em;
    }
.pta-sus-hidden {
    color: red;
    font-weight: 600;
}
.pta-sus-em {
    font-style: italic;
}

div.signup-form .required:after {
    content:" *";
    color: red;
}

div.date-header {
    font-size: larger;
    font-weight: bolder;
}
div.title-header {
    font-weight: bolder;
}

div.task-info-header {
    
}
/* DIV LAYOUT STYLES */
div.pta-sus-sheets-table, div.pta-sus-tasks-table {
    display: table;
    width: 100%;
}

div.pta-sus.task-info-header {
    margin-top: 2em;
}

div.pta-sus-sheets-row, div.pta-sus-tasks-row {
    display: table-row;
}

div.pta-sus-sheets-row.filled, div.pta-sus-tasks-row.filled {
    background: #eee;
}

div.pta-sus-tasks-row  > div, div.pta-sus-sheets-row > div {
    display: table-cell;
    padding:1em;
    border: #f0f0f0 1px solid;
}

div.head {
    font-weight:bold;
}

div.column-start-time, div.column-end-time, div.column-phone, div.column-clear {
    width: 12%;
}

div.column-title, td.title-td, th.column-title, div.column-date, td.date-td, th.column-date, div.column-task, td.task-td, th.column-task {
    text-align: left;
}

div.column-item, td.item-td, th.column-item, div.column-qty, td.qty-td, th.column-qty {
    text-align: center;
}

div.column-start-time, td.start-time-td, div.column-end-time, td.end-time-td, div.column-clear, td.clear-td, th.column-time {
    text-align: right;
}