/* CALENDAR */
#calTbl a, #mnthTbl a, #monthRow a {
    text-decoration: none;
}
/* "today is" */
#calTbl th #calHead {
    font-size: 12px;
    color: #466148;
    cursor: pointer;
}

#calTbl th #calHead:hover {
    color: #6094a7;
    text-decoration: underline;
}

#calTbl th h3 {
    margin: 0px;
    padding: 10px 0;
}
/* day status colours & right table border */
.stat1 {
    background: #bae3f2;
} /*booked*/
.stat2 {
    background: #fff;
} /*note*/
.stat3 { /*background: #00f;*/
} /*available*/
.statUA {
    background: #dc534d;
} /*unapproved*/
/*#theDay { background: #fff; }*/ /*current day indicator*/
.endWk {
    border-right: solid #fff 1px;
}

#tblPageCont {
    float: left;
    width: 450px;
}

#tblCONT {
    width: 400px;
    float: left;
    clear: both;
} /*main calendar container*/
/*event printout*/
#dayCont {
    paddingbottom: 10px;
    float: left;
    width: 450px;
} /*outer event display container*/
#dayEvent {
    float: left;
    margin-top: 12px;
    width: 428px; /*height: 156px;*/
    text-align: center;
    background: #fff;
    padding: 15px 10px 15px 10px;
    border: solid #296391 1px;
} /*inner event container*/
#dayEvent p {
    margin: 0px;
    padding: 0px;
}

#dayEvent p strong {
    display: block;
    margin: 0px;
    padding: 5px 0 0 0;
}

#calstat {
    color: #466148;
} /*event area description*/
#dayEvent h3 {
    font-size: 13px;
    color: #466148;
    margin: 0px;
    padding: 10px 0 5px 0;
} /*event title*/
/*main calendar*/
#calTbl {
    margin: 0px;
    padding: 0px;
    border-bottom: solid #fff 1px;
    float: left;
    clear: left;
} /*main cal table*/
#calTbl th {
    height: 25px;
    padding-top: 5px;
    color: #466148;
} /*generic th style: days, months, dates*/
#calTbl .thMth, #calTbl .thMthC {
    border: 0px;
    padding-bottom: 10px;
} /*month selectors & current mth/yr*/
#calTbl .thMthC {
    font-size: 16px;
} /*current mth/yr*/
#calTbl td {
    text-align: right;
    vertical-align: top;
    padding: 3px 3px 0 0;
    border-left: solid #fff 1px;
    border-top: solid #fff 1px;
    width: 50px;
    height: 54px;
    cursor: pointer;
} /*day cells*/
#calTbl td a {
    display: block;
    float: left;
    clear: both;
    width: 50px;
    height: 50px;
    padding: 0px;
    margin: 0px;
    color: #221E1F;
} /*non-JS day links*/
#calTbl td a:hover {
    color: #221E1F;
} /*non-JS day links*/
#calTbl td noscript {
    margin: 0px;
    padding: 0px;
    display: none;
} /*non-JS script tags*/
#calTbl td:hover {
    background: #eaf6fa;
} /*day hover indicator*/
/*JS enabled month buttons*/
#calPrev, #calNext {
    color: #6094a7;
    cursor: pointer;
}

#calPrev:hover, #calNext:hover {
    text-decoration: underline;
}
/*non-JS month buttons*/
#calTbl th#calPrev, #calTbl th#calNext {
    color: #6094a7;
    cursor: pointer;
}

#calTbl th#calPrev:hover, #calTbl th#calNext:hover {
    text-decoration: underline;
}
/*year table*/
#mnthTbl {
    width: 377px;
    padding-top: 12px;
    float: left;
    clear: both;
}

#mnthTbl th {
    cursor: pointer;
    color: #6094a7;
}

#mnthTbl th:hover {
    text-decoration: underline;
    color: #466148;
}

#mnthTbl th p {
    padding: 0px;
}

#mnthTbl th p:hover {
    text-decoration: underline;
}

#mnthTbl th a {
    color: #6094a7;
}

#mnthTbl th a:hover {
    color: #466148;
    text-decoration: underline;
}

#mnthTbl th.grey {
    color: #466148;
}

#mnthTbl th a.grey {
    color: #466148;
}
/*month list*/
#monthRow {
    width: 377px;
    float: left;
    clear: both;
    padding: 0 0 20px 0;
    text-align: center;
}

#monthRow a {
    color: #6094a7;
}

#monthRow a:hover {
    color: #6094a7;
    text-decoration: underline;
}

#monthRow span {
    cursor: pointer;
}

#monthRow span:hover {
    color: #6094a7;
    text-decoration: underline;
}
/*edit form*/
#editForm {
    display: block;
    float: left;
    clear: both;
    width: 330px;
}

.evCont {
    float: left;
    clear: both;
    width: 330px;
    padding-bottom: 10px;
}

.evCont div {
    float: left;
    clear: both;
    width: 330px;
}

.evTitle {
    float: left;
    clear: left;
    width: 80px;
    margin: 0px;
    padding: 5px 0 0 0;
}

.evField {
    float: right;
    clear: right;
    width: 250px;
    margin: 0px;
    padding: 5px 0 0 0;
}

.evField textarea, .evField input {
    width: 250px;
}

.delSpan:hover {
    cursor: pointer;
}

.redBG {
    color: #dc534d;
}

.grnBG {
    color: #53c446;
}

.whtBG {
    color: #000;
}

#clrDay .delSpan, #upSub a {
    color: #466148;
    text-decoration: none;
}

#editFields, #upSub {
    float: left;
    clear: both;
}