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

.calendar
{
    font-family:Arial;
    font-size:12px;
}

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

/* Navigation */

.calendar .nav
{
    padding-bottom:5px;
}

div.calendar td.nav span.date
{
    color:#333;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    font-size:12px;
    text-transform:uppercase;
}

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

.arrows img
{
	position:relative;
	top:2px;
}

/* View Tabs */

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

.calendar .tabs a
{
	color:#fff;
}

.calendar .tabs a:hover
{
	color:#FFB309;
}


.calendar .tab
{
    background-color:#7f9999;
    padding-top:2px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}

.calendar .tabActive
{
    color:#fff;
    background-color:#003333;
    padding-top:2px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
}

/* Add Event */

a.addEventLink
{
	float:right;
	margin:-20px 0 14px 0;
	background:#333;
	padding:4px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

a.addEventLink:hover
{
	background:#FFB309;
	color:#fff;
}

span.rolesCheckValue
{
	padding-left:0 !important;
	padding-right:0 !important;
	width:278px !important;
}

.rolesCheckValue input
{
	width:16px;
	margin:0 2px 0 0;
}

.rolesCheckValue label
{
	margin:0 8px 0 0;
	position:relative;
	top:-4px;
	
}

/* Time Grid */

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

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

.calendar .timeGrid .day, .calendar .timeGrid .dayCurrent
{
    color:#112abb;
    background-color:#003333;
    vertical-align:top;
    text-align:center;
    border-top:solid 1px #dddddd;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

.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:#7F9999;
    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:#fff;
    background-color:#7f9999;
    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;
    height: 100%;
}

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

.calendar .timeGrid .empty
{
}

.calendar .timeGrid .topMultiDay
{
    height: 1px;
}

.calendar .timeGrid .topBorder
{
    border-top:solid 1px #dddddd;
}

.calendar .timeGrid .multiDay a, .calendar .timeGrid .multiDay a:visited, .calendar .timeGrid .multiDay a:hover
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    height:inherit;
    width:inherit;
}

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

.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;
    display:block;
    height: 100%;
}

/* Day Grid */

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

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

/* Week Grid */

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

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

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

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

.calendar .dateGrid .dayOfWeek
{
    width:14%;
    color:#fff;
    background-color:#003333;
    vertical-align:top;
    text-align:center;
    border-top:solid 1px #dddddd;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

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

.calendar .dateGrid .dayMulti
{
    vertical-align:top;
    border-bottom:dashed 1px #dddddd;
    border-right:solid 1px #dddddd;
    height:inherit;
}

.calendar .dateGrid .dayCurrentMulti
{
    background-color:#e5eaea;
    vertical-align:top;
    border-bottom:dashed 1px #dddddd;
    border-right:solid 1px #dddddd;
    height:inherit;
}

.calendar .dateGrid .multiDayLane
{
    border-bottom:dashed 1px #dddddd;
    border-right:solid 1px #dddddd;
}

.calendar .dateGrid .dayHeader
{
    color:#446688;
    background-color:#7f9999;
    vertical-align:top;
    text-align:right;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

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

.calendar .dateGrid .dayHeaderSuppressed
{
    color:#ccc;
    background-color:#7f9999;
    vertical-align:top;
    text-align:right;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

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

.calendar .dateGrid .dayHeaderCurrent
{
    background-color:#003333;
    vertical-align:top;
    text-align:right;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    white-space:nowrap;
}

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

.calendar .dateGrid .day
{
    vertical-align:top;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    height:80px;
}

.calendar .dateGrid .dayCurrent
{
    background-color:#e5eaea;
    vertical-align:top;
    border-bottom:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
    height:80px;
}

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

.calendar .dateGrid .multiDayLane a, .calendar .dateGrid .multiDayLane a:visited, .calendar .dateGrid .multiDayLane a:hover
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    height:inherit;
    width:inherit;
}

.calendar .dateGrid .event a, .calendar .dateGrid .event a:visited, .calendar .dateGrid .event a:hover
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    height:inherit;
    width:inherit;
}
.calendar .dateGrid .event a:hover
{
    text-decoration: underline;
}

/* Month Grid */

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

/* Fortnight Grid */

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

/* Event Types */

.calendar .dayEventWrapper, .calendar .weekEventWrapper, .calendar .fortEventWrapper, .calendar .monthEventWrapper
{
	display: block;
    margin: 2px 0;
    height: 100%;
}
.calendar .monthEventWrapper
{
}
.typeEvent
{
    height: 100%;
}

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

.calendar .confirmed
{
	font-weight: 600;
	display: block;
	padding: 0 2px;
    background-color:#FFB000;
}

.calendar .EventIsRegistered
{
	display: block;
	padding: 0 2px;
    background-color:#66d966;
}
.calendar .shareholder
{
	font-style: italic;
}
.calendar .everyone
{
	font-style: normal;
}
.calendar .EventIsRegistered a, .calendar .EventIsRegistered a:visited, .calendar .EventIsRegistered a:hover
{
	color: #FFF;
}
p.legend {
	font-size: 12px;
	padding-top: 10px;
}
/* Event Form ********************************************************************************************************/

.eventForm
{
	padding-top:20px;
}

.eventForm .error
{
    color:Red;
}

input.submitBtn, a.submitBtn
{
	margin:20px 14px 0 0px;
}

input.submitBtn:hover, a.submitBtn:hover
{
	color:#fff;
}



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

a.backToCalendarLink
{
	float:right;
	margin:-34px 0 14px 0;
	background:#333;
	padding:4px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

a.backToCalendarLink:hover
{
	background:#FFB309;
	color:#fff;
}

div.eventDetail_cont
{
	border-top:dashed 1px #aaa;
	border-bottom:dashed 1px #aaa;
	padding:0 0 14px 0;
	margin:0 0 14px 0;
}

div.eventDetail_cont h2
{
	font-size:16px;
	color:#333;
	text-transform:uppercase;
	padding:17px 0;
}

span.eventLabel
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	line-height:200%;
}

a.eventEditLink
{
	float:right;
	color:Red;
}

a.eventRegsiterLink
{
	background:#333;
	padding:4px;
	color:#fff !important;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

a.eventRegsiterLink:hover
{
	background:#FFB309;
}