/***********************************************************************
    Official UNIVERSITY OF HOUSON stylesheet for the calendar pages. 
    Created: July 2009
    Last Updated: September 2012
    Last Update by: Edu Balingasa
 
 CONTENTS: 
    IDs
    ---------
    
/************************************************************************/


/* ========      LEFT COL    ======== */

h1 {
    margin-bottom: 2px;
}

.side-box {
    overflow: hidden;
    margin-bottom: 2px;
    border: solid 1px #cfcfcf;
    padding: 5px;
    font-size: 0.9em;
    background: #efefef;
}

#left-column form {
    margin: 10px 5px;
}

#left-column form#gs{
    margin: 0;
}

#left-column select {
    width: 186px;
}

#newMonth{
    width: 165px !important;
}

.calendar-box {
    padding: 5px;
}

#side-calendar {
    margin: 0;
    border: 0;
    width: 100%;
    border-collapse: collapse;
}

#side-calendar tr {
}

#side-calendar td {
    border: solid 1px #ccc;
    padding: 3px;
    text-align: center;
    font-size: 1.3em;
    background: #e9e9e9;
}

#side-calendar td a, #side-calendar td a:visited {
    color: #5b5b5b;
}

#side-calendar td a.adjacent-month-day-link, #side-calendar td a.adjacent-month-day-link:visited {
    color: #a0a0a0;
}

#side-calendar .month-cell {
    border: none;
    padding-bottom: 4px;
    font-size: 1em;
    font-weight: bold;
    background: none;
}

#side-calendar .prev-month-link {
    margin-top: 2px;
    float: left;
}

#side-calendar .next-month-link {
    margin-top: 2px;
    float: right;
}

#side-calendar .day-header-row td {
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    background: none;
}

#side-calendar .selected-week-row td,
#side-calendar .selected-day {
    background: #d0d0d0;
}

#side-calendar .select-week-cell,
#side-calendar .selected-week-row .select-week-cell {
    border: none;
    background: none;
}

#side-calendar .current-day-cell,
#side-calendar .selected-week-row .current-day-cell {
    background: #ffd964;
}

#search-text {
    float: left;
    margin: 4px 3px 0 0;
    border: solid 1px #e01800;
    padding: 3px 2px 2px 2px;
    width: 165px !important;
}
#newCategory{
    width: 165px !important;
}
#btn-go {
    float: left;
    margin-top: 4px;
    vertical-align: middle;
}


/* ========      MAIN COL    ======== */

#inset-box-footer {
    /*background: transparent url("../images/mask-bottom.gif") no-repeat;*/
}

#calendar-wrapper {
    overflow: hidden;
    margin: 0 0 0 0;
    width: 697px;
    padding: 0;
    background: #eaeaea;
}

#inset-box-wrapper {
    padding: 0;
    padding-top: 20px;
    background-color: transparent;
}

#inset-box-full {
    background: transparent url(../images/mask-sides.gif) repeat-y;
}

#calendar-header {
    padding: 0 20px;
}
    
#calendar-header {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 5px;
}

#calendar-header .left {
    float: left;
    padding-left: 5px;
}

#calendar-header .left a {
    float: left;
    margin-right: 6px;
}

.uh-main #calendar-header .left a {

}

.uh-main #calendar-header .left a img {
    display: none;
}

#calendar-header .right {
    float: right;
    padding-right: 5px;
}

#calendar-header .remove-filter-link,
#calendar-header .remove-filter-link:visited {
    font-size: 1.1em;
    white-space: nowrap;
    color: #e01801;
    background: url(../images/filter-box-horiz.gif) repeat-x;
}

/* for IE6 */
* html #calendar-header .remove-filter-link {
    width: 100px;
}

#calendar-header .remove-filter-link .filter-left {
    display: block;
    color: #e01801;
    background: url(../images/filter-box-left.gif) 0 0 no-repeat;
}

#calendar-header .remove-filter-link .filter-right {
    display: block;
    padding: 0 30px 0 10px;
    height: 24px;
    line-height: 24px;
    color: #e01801;
    background: url(../images/filter-box-right.gif) 100% 0 no-repeat;
}

#calendar-main {
    margin: 0 6px;
    min-height: 500px;
    background: #fff;
}

#calendar-main .day-view .event-time {
    padding: 10px 0 3px 0;
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
}

#calendar-main .day-view .all-day {
    background: #ebebeb;
}

#calendar-main .day-view .event {
    padding: 0 0 15px 0;
    background: url(../images/bg-event.gif) repeat-x;
}

#calendar-main .day-view .event .event-title {
    padding: 10px 0 0 0;
    font-size: 1.1em;
}

#calendar-main .day-view .event p, em {
    margin: 0 0 5px 0;
    /*font-size: 0.9em;*/
    line-height: 1.4em;
    color: #000;
}

#calendar-main .event-view {
    overflow: hidden;
    padding: 15px 0;
}

/* for IE6 */
* html #calendar-main .event-view {
    height: 1%;
}

#calendar-main .event-view .event-time {
    float: left;
    width: 120px;
    font-size: 0.85em;
    text-align: right;
    color: #000;
}

#calendar-main .event-view .event-content {
    margin: 0 20px 0 130px;
}

#calendar-main .event-view .event-title {
    font-size: 1.1em;
}

#calendar-main .event-view .event-content p, em {
    margin: 0 0 15px 0;
    line-height: 1.3em;
    color: #000;
}

#calendar-main .event-view .event-details {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    font-size: 0.85em;
    list-style-type: none;
}

#calendar-main .event-view .event-details li {
    clear: left;
}

#calendar-main .event-view .event-details .label {
    float: left;
    margin-bottom: 3px;
    width: 4em;
    font-weight: bold;
    color: #000;
}

#calendar-main .event-view .event-details .value {
    float: left;
    margin-left: 4em;
    margin-bottom: 3px;
    color: #000;
}

#title-bar {
    clear: left;
    min-height: 32px;
    padding: 0 13px;
    font-size: 1.15em;
    line-height: 2em;
    color: #fff;
    background: #373737 url(../images/bg-titlebar.gif) repeat-x;
}

/* for IE6 */
* html #title-bar {
    padding-top: 5px;
    margin-bottom: -10px;
    height: 32px;
}

#title-bar .prev-link,
#calendar-footer-bottom .prev-link {
    margin-right: 7px;
}

#title-bar .next-link,
#calendar-footer-bottom .next-link {
    margin-left: 7px;
}

#full-calendar {
    margin: 0 0 0 0;
    /*border-collapse: collapse; */
    width: 686px;
}

#full-calendar td {
    border: solid 0 #797778;
    border-width: 1px 1px 0 0;
    width: 90px;
    height: 94px;
    padding: 3px 5px;
    font-size: 0.85em;
    vertical-align: top;
}

#full-calendar .event {
    clear: right;
    margin-bottom: 15px;
}

#full-calendar .event a {
    font-weight: normal;
}

#full-calendar .event .time {
    color: #000;
}

#full-calendar td.last-col {
    border-right-width: 0;
    border-right: solid 1px #fff;
}

#full-calendar td.first-col {
    border-left: solid 1px #fff;
}

#full-calendar .day-header-row td {
    height: 0;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    color: #000;
    background: #bbb;
}

#full-calendar .week-header-row td {
    border-top-width: 0;
    height: 0;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    color: #000;
    background: #d7d7d7;
}

#full-calendar .week-row td {
    border-top-width: 0;
    padding-top: 10px;
    height: 500px;
}

#full-calendar .previous-day-cell {
    background: #d0d0d0;
}

#full-calendar .current-day-cell {
    background: #ffd964;
}

#full-calendar .day-link, #full-calendar .day-link:visited {
    float: right;
    color: #960e00;
}

#full-calendar .adjacent-month-day-link, #full-calendar .adjacent-month-day-link:visited {
    color: #919191;
}

#calendar-footer {
    position: relative;
    background: #373737 url(../images/bg-titlebar.gif) repeat-x;
}

#calendar-footer2 {
    margin-top: -15px;
    background: #fff;
}

#calendar-footer-bottom {
    min-height: 26px;
    padding: 0 13px 5px 19px;
    font-size: 1.15em;
    line-height: 2em;
    color: #fff;
    background: transparent url("../images/mask-bottom.gif") 0 100% no-repeat;
}

/* for IE6 */
* html #calendar-footer-bottom {
    padding-top: 5px;
    height: 26px;
}

#content-well form {
    background: none;
    padding: 0;
    border: none;
}

.uh-main #topic-name {
    border-bottom: 1px solid #999;
}

.uh-main #calendar-wrapper {
    background: none;
    border-top: 1px solid #999;
    margin-top: -36px;
    width: 696px;
}

.uh-main #inset-box-wrapper {
    padding: 0;
}

.uh-main #calendar-footer,
.uh-main #calendar-footer-bottom {
    background: none;
    display: none;
}

.uh-main #inset-box-full {
    background: none;
}

.uh-main #calendar-header {
    float: right;
    margin: 3px 0 0 0;
    padding: 0;
    position: relative;
    z-index: 9;
}

.uh-main #calendar-main {
    margin: 0;
}

.uh-main #title-bar {
    background: #c00;
}

.uh-main #full-calendar {
    border: none;
    border-bottom: 1px solid #999;
    width: 696px;
}

.uh-main #full-calendar td.last-col {
    border-right: 1px solid #999;
}

.uh-main #full-calendar td.first-col {
    border-left: 1px solid #999;
}

.uh-main #full-calendar .event a {
    font-size: 12px;
    line-height: 15px;
}

.uh-main #full-calendar td {
    border-color: #999;
}

.uh-main #full-calendar .previous-day-cell {
    background: #ccc;
}