.arccalendarWrapper
{
    color: #555;
    background-color: white;
}

.arccalendarWrapper .dayBox
{
    border-color: #ddd;
    border-width: 1px;
}
.arccalendarWrapper .dayOfWeekBox
{
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    text-align:center;
    border-bottom-style: none;
    border-right-style: none;
}

.arccalendarWrapper .dayBoxHead
{
    background-color: white;
    color: black;
    height: 20px;
    padding: 2px;
}

.arccalendarWrapper .dayBoxContent
{

}

.arccalendarWrapper .sticky
{
    z-index: 999;
    overflow: hidden;
    cursor: pointer;
}

.arccalendarWrapper .ui-draggable-helper{
    z-index: 999;
}
.arccalendarWrapper .ui-draggable-helper p{
    text-indent: 0!important;
}


.arccalendarWrapper .sticky .hiddenSubject
{
    display:none;
}
.arccalendarWrapper .ui-draggable-helper  .hiddenSubject
{
    display:inline;
}

.arccalendarWrapper .dailySticky
{
    position: absolute;
    background-color:#EEF;
    color: blue;
    border: solid 1px blue;
    padding: 0px 0;
    text-align: left;
}

.arccalendarWrapper .dailySticky p
{
    /*width: 9999px;*/
    margin: 0;
    padding: 2px 2px;
    overflow:hidden;
    color: blue;
    /*white-space: nowrap;*/

}

.arccalendarWrapper .allDays
{
    background-color:#FEE;
    color: red;
    border: solid 1px red;
}

.arccalendarWrapper .headBox
{
    width:60px;
    height: 160px;
    border:solid 1px #CCC;
    border-right-style:none;
    border-bottom-style:none;
    position: absolute;
}

.arccalendarWrapper .dateBox
{
    width: 100%;
    height: 20px;
    text-align:center;
    position:relative;
    padding:2px;
}

.arccalendarWrapper .allDayArea
{
    width: 100%;
    height: 140px;
    border-top: solid 1px #CCC;
    text-align:center;
    position:relative;
}

.arccalendarWrapper .timeArea
{
    position: absolute;
    top: 160px;
    left: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    border:solid 1px #CCC;
}


.arccalendarWrapper .timeTitleBox
{

    width: 60px;
    height: 42px;
    border: solid 1px #CCC;
    position: absolute;
    left: 0px;
    text-align:right;
    padding-right: 4px;
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
}


.arccalendarWrapper .timeBox
{
    height: 21px;
    border: solid 1px #CCC;
    position: absolute;
    border-top-style: none;
    border-right-style: none;


}



.arccalendarWrapper .monthlySticky
{
    width: 100%;
    height: 20px;
    padding: 2px 0;
    color: red;
    border: solid 1px #FF0000;
    background-color: #FFEFEF;
}

.arccalendarWrapper .monthlySticky p
{
    color: red;
}



.arccalendarWrapper .noLeftBorder{

    border-left-style: none;
}
.arccalendarWrapper .noRightBorder{

    border-right-style: none;
}
.arccalendarWrapper .noTopBorder{

    border-top-style: none;
}
.arccalendarWrapper .noBottomBorder{

    border-bottom-style: none;
}

.arccalendarWrapper .ui-draggable-helper
{
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
}


.arccalendarWrapper .onSticky
{
    border: solid 1px #AAA!important;
    background-color: #F4F4F4!important;
    border-style: solid!important;
}