div.contentArea
{
    margin-left:10px;
}


/* Calendar View ********************************************************************************************************/

.calendar
{
    width:910px;
    margin:15px;
    font-family:Tahoma;
}

.calendar a, .calendar a:visited, .calendar a:hover
{
    text-decoration:none;
}

table.calendarHeaderTable
{
    margin:0 0 11px 0;
}

/* Navigation */

table.calendarHeaderTable
{
    background:transparent url(/web/design/images/calendar/calendar-header-bg.png) no-repeat bottom center;
    height:39px;
}

.calendar .nav
{
    padding:5px  0 5px 28px;
    font-size:14px;
    text-transform:uppercase;
}

.calendar .nav .date
{
    color:#8a1c1b;
    font-weight:bold;
    padding-left:3px;
    padding-right:2px;
    display:inline-block;
}

.calendar .today
{
    color:#112abb;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    display:none;
}

/* View Tabs */

.calendar .tabs
{
    text-align:right;
    padding:4px 13px 0 0;
    
}

.calendar .tab
{
    color:#0e432e;
    background-color:#ebebde;
    line-height:30px;
    height:30px;
    width:93px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    border:solid 1px #9c9c9c;
    border-bottom:none;
}

.calendar .tabActive
{
    color:#000;
    background-color:#fff;
    margin-top:2px;
    line-height:31px;
    height:31px;
    width:93px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    border:solid 1px #9c9c9c;
    border-bottom:solid 1px #fff;
}

/* Time Grid */

.calendar .timeGrid td
{
    padding:2px;
}

.calendar .timeGrid .topLeft
{
    background-color:#0e432e;
    border:solid 1px #dddddd;
}

.calendar .timeGrid .day
{
    color:#fff;
    background-color:#0e432e;
    vertical-align:top;
    text-align:center;
    border-top:solid 1px #dddddd;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
    margin:3px;
}

.calendar .timeGrid .day a, .calendar .timeGrid .day a:visited, .calendar .timeGrid .day a:hover
{
    color:#fff;
    text-decoration:none;
}

.calendar .timeGrid .dayCurrent
{
    color:#ffffff;
    background-color:#8a1c1b;
    vertical-align:top;
    text-align:center;
    white-space:nowrap;
}

.calendar .timeGrid .dayCurrent a, .calendar .timeGrid .dayCurrent a:visited, .calendar .timeGrid .dayCurrent a:hover
{
    color:#ffffff;
    text-decoration:none;
}

.calendar .timeGrid .hour
{
    width:50px;
    color:#333;
    background-color:#999;
    vertical-align:top;
    text-align:right;
    border-left:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

.calendar .timeGrid .dayLine
{
    border-right:solid 1px #dddddd;
}

.calendar .timeGrid .timeLine
{
    border-bottom:dashed 1px #dddddd;
}

.calendar .timeGrid .hourLine
{
    border-bottom:solid 1px #dddddd;
}

.calendar .timeGrid .empty
{
}

.calendar .timeGrid .emptyCurrent
{
    background-color:#fff;
}

.calendar .timeGrid .event
{
    vertical-align:top;
    color:#ffffff;
}

.calendar .timeGrid .event a, .calendar .timeGrid .event a:visited, .calendar .timeGrid .event a:hover
{
    color:#ffffff;
    text-decoration:none;
}


/* Day Grid */

.calendar .dayGrid .day
{
    width:100%;
}

.calendar .dayGrid .dayCurrent
{
    width:100%;
}

/* Week Grid */

.calendar .weekGrid .day
{
    width:14%;
}

.calendar .weekGrid .dayCurrent
{
    width:14%;
}

/* Date Grid */

.calendar table.dateGrid td
{
    border-spacing:10px !important; 
}

.calendar .dateGrid td
{
    padding:2px;
}

.calendar .dateGrid .dayOfWeek
{
    width:14%;
    
    vertical-align:top;
    text-align:center;
    white-space:nowrap;
}

.calendar .dateGrid .dayOfWeek div.dayOfWeekInner
{
    color:#fff;
    font-weight:bold;
    background-color:#0e432e;
    height:21px;
    line-height:21px;
}

.calendar .dateGrid .leftLine
{
    /*border-left:solid 1px #dddddd;*/
}

.calendar .dateGrid .dayHeader
{
    color:#333;
    text-align:right;
    white-space:nowrap;
    
}
div.dayHeaderCellInner
{
    background-color:#999;
    height:21px;
    padding:0 10px 0 0;
}

div.dayHeaderCellInner a
{
    display:block;
    padding-top:3px;
}

.calendar .dateGrid .dayHeader a, .calendar .dateGrid .dayHeader a:visited, .calendar .dateGrid .dayHeader a:hover
{
    color:#333;
    text-decoration:none;
}

.calendar .dateGrid .dayHeaderSuppressed
{
    
    vertical-align:top;
    text-align:right;
    white-space:nowrap;
}

.calendar .dateGrid .dayHeaderSuppressed div.dayHeaderCellInner
{
    color:#333;
    background-color:#999;
}

.calendar .dateGrid .dayHeaderSuppressed a, .calendar .dateGrid .dayHeaderSuppressed a:visited, .calendar .dateGrid .dayHeaderSuppressed a:hover
{
    color:#fff;
    text-decoration:none;
}

.calendar .dateGrid .dayHeaderCurrent
{
    vertical-align:top;
    text-align:right;
    white-space:nowrap;
}

.calendar .dateGrid .dayHeaderCurrent div.dayHeaderCellInner
{
    color:#ffffff;
    background-color:#8a1c1b;
}



.calendar .dateGrid .dayHeaderCurrent a, .calendar .dateGrid .dayHeaderCurrent a:visited, .calendar .dateGrid .dayHeaderCurrent a:hover
{
    color:#446688;
    text-decoration:none;
}



.calendar .dateGrid td.day 
{
    vertical-align:top;

}

div.emptyCellInner
{
    height:128px;
    border:solid 1px #cdcccc;
}

div.eventCellInner
{
    background:#e6e7e7;
}

.calendar .dateGrid .dayCurrent
{
    background-color:#fff;
    vertical-align:top;

    height:80px;
}

.calendar .dateGrid .event
{
    vertical-align:top;
    color:#ffffff;
}

.calendar .dateGrid .event a, .calendar .dateGrid .event a:visited, .calendar .dateGrid .event a:hover
{
    color:#ffffff;
    text-decoration:none;
}

/* Month Grid */

.calendar .monthGrid .day
{
    height:80px;
}

.calendar .monthGrid div.dayCellInner
{
    background:pink;
}

/* Fortnight Grid */

.calendar .fortnightGrid .day
{
    height:200px;
}

/* Event Types */

span.monthEventWrapper a, .fortEventWrapper a, .weekEventWrapper a, .dayEventWrapper a
{
    color:#8A1C1B !important;
    font-weight:normal;
    padding:3px 6px;
    display:block;
}

.dayHeaderCurrent a
{
    color:#fff !important;
}

/* Event Types */

.calendar span.tentative a
{
	font-style:italic;
}

.calendar .confirmed
{
	font-weight: 600;
}

/* Event Form ********************************************************************************************************/

.eventForm .error
{
    color:Red;
}

div.eventForm
{
    margin:0 0 0 14px;
}

div.eventForm tr
{
    height:40px;
}

div.eventForm td.eventFormLabel
{
    padding-right:30px;
}


/* Event View ********************************************************************************************************/

/* LOGIN */

a.loginLink
{
    margin:0 0 0 20px;
    padding:10px 0 0 0;
    display:block;
}

/* LOGOUT */

.logoutLink
{
    font-weight:bold;
    margin:0 20px 0 0;
}

.logoutLink:hover
{
    text-decoration:none;
}