.timeSpanCell1 
{
    background-color: #ffffff;
    }
.timeSpanCell2 
{
    background-color: #ddeedd;
    }
.timeSpanCell3 
{
    background-color: #ffeeaa;
    }

.selectedSchedulingClass
{
    background-color: #e3fffc;
    }

.schedulingHeader
{
    width: 1296px;
    overflow-y: scroll;
    }
.schedulingHeaderContainer
{
    height: 22px;
    }
.schedulingHeaderCellHeader
{
    position: relative;
    border: 1px solid #d6d6d6;
    width: 98px;
    height: 20px;
    float: left;
    background-color: #e8e8e8;
    }
.schedulingHeaderCell 
{
    position: relative;
    border: 1px solid #d6d6d6;
    width: 180px;
    height: 20px;
    cursor: pointer;
    line-height: 22px;
    text-align: center;
    float: left;
    background-color: #e8e8e8;
    }
.schedulingRow
{
    width: 1320px;
    height: 98px;
    }
.schedulingCell 
{
    position: relative;
    border: 1px solid #d6d6d6;
    width: 180px;
    height: 98px;
    cursor: pointer;
    float: left;
    }
.submittedSchedulingCell
{
    background-color: #cccccc;
    }
.schedulingCellHeader 
{
    position: relative;
    border: 1px solid #d6d6d6;
    width: 98px;
    height: 98px;
    line-height: 100px;
    text-align: center;
    white-space: nowrap;
    float: left;
    }
.schedulingItem
{
    position: relative;
    outline: 1px solid #e8e8e8;
    height: 98px;
    background-color: #e3fffc;
    float: left;
    }
.schedulingItem.disabledItem
{
    background-color: #cccccc;
    }
.schedulingItemSelected
{
    position: relative;
    outline: 1px dotted #e8e8e8;
    background-color: #fdb6c4;
    float: left;
    }
.xDataTable td.usedSchedulingClass
{
    background-color: #fdf8ad;
    }
.xDataTable td.usedSchedulingClass.selectedSchedulingClass
{
    background-color: #e3fffc;
    }
.xDataTable td.finishedSchedulingClass
{
    background-color: #b6fdc4;
    }
.xDataTable td.finishedSchedulingClass.selectedSchedulingClass
{
    background-color: #e3fffc;
    }
.schedulingItemTitle
{
    height: 98px;
    margin: 0px;
    overflow: hidden;
    padding: 2px;
    }
.schedulingItemWeeks
{
    height: 46px;
    word-wrap: break-word; 
    word-break: normal;
    padding: 2px;
    }
    
    #dgEducationSchedulingClassList td
    {
        line-height: 26px;
        }
        
.scheduleMenu 
{
    position: absolute;
    z-index: 110017;
    display: none;
    background-color: #ddd;
    border-color: #ddd;
    color: #444;
    width: 120px;
    }

.scheduleMenu div 
{
    cursor: pointer;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 1px;
    background-color: #fafafa
    }
    
.scheduleMenu div:hover
{
    color: #ffffff;
    background-color: #444;
    }
    
.schedulingHeaderContainer 
{
    overflow: hidden;
    }
.schedulingCellHeaderContainer 
{
    overflow-x: scroll;
    overflow-y: hidden;
    float: left;
    }
.schedulingCellContainer
{
    overflow: scroll;
    }