main.css

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Tahoma, Arial, sans-serif;
    background: url('/cpt3/bg.png');
}

/*
td {
    border: 1px solid gray;
    padding: 5px;
}
*/

.progress {
    background-color: #f44336;
    height: 7px;
    /*text-shadow: 0px 0px 10px #fff;*/


}

.progress-wrap {
    background-color: #31db62;;
    margin-top: 3px;
    margin-bottom: 2px;
}


table {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:10pt;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    border:#ccc 1px solid;
    border-collapse:separate;
        width: 100%;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}

th {
    font-weight:bold;
    padding:3px 7px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

tr:first-child th:first-child{
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
tr:first-child th:last-child{
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}

tr td:first-child{
    border-left: 0;
}
tr td {
    padding: 3px 7px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
tr:nth-child(even) td{
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
tr:last-child td{
    border-bottom:0;
}
tr:last-child td:first-child{
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
tr:last-child td:last-child{
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
tr:hover td{
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}

a:visited {
    color: #666;
    font-weight:bold;
    text-decoration:none;
}
a:active,
a:hover {
    color: #bd5a35;
    text-decoration:underline;
}

/*
tr:first-child {
    font-size: 10pt;
    font-weight: bold;
}

tr:not(:first-child):nth-child(odd) td {
    background-color: #ffe5e5;
}

tr:first-child {
    background-color: #92b4a2;
}
*/

.col {
    display: inline-block;
    vertical-align: top;
}

.col:not(:first-child) {
    margin-left: -5px;
}

.block {
    margin: 15px;
    border: 1px solid black;
    border-radius: 5px;
    overflow:hidden;
}

.col:not(:first-child) .block {
    margin-left: 0;
}

.block-title {
    padding: 5px 10px;
    border-bottom: 1px solid black;
    background: linear-gradient(to bottom, rgba(109,117,135,1) 0%,rgba(63,76,107,1) 100%);
    color: white;
    text-align: center;
}

.block-body {
    padding: 10px;
    background-color: white;
}

#add-event .block-body {
    text-align: center;
}

#add-event button {
    padding: 3px 7px;
}

#add-event input {
    width: 232px;
}

#col1 {
    width: 370px;
}

#col2 {
    width: 600px;
}

table td:first-child {
    width: 100%;
}

td,th {
    white-space: nowrap;
}