/* --- EventCalendar ---
 * Is the primary element for the calendar,
 * containing all other elements
 */
.EventCalendar
{
	font-family: Verdana, Sans-Serif;
	background-color: white;
	/*color: black;*/
	color: #263f6a;
	width:100%;
	padding-left: 10px;
	padding-top: 0px;
}
.EventCalendar a
{
	background-color: inherit;
	color: black;
}

.EventCalendar h1 
{
	font-size: 1.4em;
}
/* --- /EventCalendar --- */

/* --- Toolbar ---
 * Is the element containing elements used 
 * for the toolbar in the calendar eg. view selections
 */
table.Toolbar
{
	background-color: white !important;
	color: black;
	width: 100%;
	font-size: 1em;
	border: solid 0px #white !important;
}




.Toolbar .ViewLinks 
{
	padding:5px;
}
.Toolbar .ViewLinks a
{
	padding-right:5px;
	/*color: red;*/
	color: #263f6a;
}

.Toolbar .ViewLinks a.TodayLink
{
	
}

.Toolbar .ViewLinks a.Selected
{
	font-weight:bold;
}
/* --- Navigation ---
 * Is the element containing elements used 
 * for navigating in the calendar
 */
.Navigation
{
	background-color: #6E844D !important;
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/FRR_green_title.gif) !important;
	color: white;
	width: 100%;
	font-size: 0.8em;
/*	border-left: solid 1px #C6C1AC;*/
	border-right: solid 1px #C6C1AC;
}


table.Navigation td 
{
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/FRR_green_title.gif) !important;
	/*background-image:url(../upload/images/menu1.gif);*/
}


.Navigation .NavigationTitle
{
	background-color: inherit !important;
	color: inherit;
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 3px;
}
.Navigation .Skip
{	
	background-color: inherit;
	color: inherit;
	font-weight: bold;
}
.Navigation .Skip a
{
	background-color: inherit;
	color: white;
	text-decoration: none;
}
/* --- /Navigation --- */

/* --- Footer ---
 * Is the element containing additional 
 * tools, eg. link to RSS feed
 */
.Footer
{
	background-color: #E0DCCA !important;
	color: inherit;
	width: 448px;
	
	text-align: right;
/*	border-left: solid 1px #C6C1AC;*/
	border-right: solid 1px #C6C1AC;
	border-bottom: solid 1px #C6C1AC;
	padding-top:2px;
}
.Footer a
{	
	margin: 0 8px 0 0;
}
/* --- /Footer --- */

/* --- General ---
 * Styles applying to all views
 *
 * TableMonth, TableWeek and TableDay are the main containers
 * (tables) for the different calendar views
 */
.TableMonth, .TableWeek, .TableDay
{
	table-layout: fixed;
	width: 100%; /*border: 2px solid #847F63;*/
}
.TableMonth, .TableWeek, .TableDay, .TableMonth td, .TableWeek td, .TableDay td
{
	border-collapse: collapse;
	border: 1px solid #C6C1AC !important;
}
/* --- /General --- */

/* --- Month view ---
 * Stylings specific to the month view
 */
.WeekendOffMonth, .DayOffMonth
{
	background-color: #F5F3E5 !important;
	color: inherit;
}
.TableMonth .Day, .TableMonth .DayOffMonth, .TableMonth .Weekend, .TableMonth .Today, .TableMonth .TodayWeekend
{
	min-height: 80px;
	height: 80px;	
}
.TableMonth .Day
{
	padding-bottom: 5px;
}
.TableMonth .Today, .TableMonth .TodayWeekend
{
	padding: 0px;	
}
/* --- /Month view --- */

/* --- Week view ---
 * Stylings specific to the week view
 */
.TableWeek .Day, .TableWeek .Today, .TableWeek .TodayWeekend
{
	min-height: 240px;
	height: 240px;
}
/* --- /Week view --- */

/* --- Day view ---
 * Stylings specific to the day view
 */
.TableDay .Day, .TableDay .Weekend, .TableDay .Today, .TableDay .TodayWeekend
{
	min-height: 400px;
	height: 400px;
}
/* TODO: Apply height: auto to standard compliant browsers */
/* --- /Day view --- */

/* --- List view ---
 * TableList is the element containing the list view.
 * LocationTitle container for the title of the major location of the event
 * Location container for the title of the minor location of the event
 * Date Element containing the date of the event
 */
.TableList
{
	width: 100%;
/*	border-left: 1px solid #C6C1AC !important;*/
	border-right: 1px solid #C6C1AC !important;
	border-bottom: 1px solid #C6C1AC !important;
}
.TableList .LocationTitle
{
	font-size: 1em;
	font-weight: bold;
	color: white;
	padding: 3px;
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/green_title.gif);
}
.TableList .Location a
{	
	font-size:10px;
}
.TableList .Location, .TableList .Date
{
	background-color: white;
	color: inherit;
	padding: 5px;
	border-bottom: solid 1px #F3E4B1;
	font-size: 0.8em;
}
.TableList .Date
{
	
	width: 8em; /* 80px */
	font-size:1em;
}
/* --- /List view --- */

/* --- Day ---
 * The container for each day in all views
 */
.Day
{
	/*background-color: #FFFFD5;*/
	color: inherit;
}
/* --- /Day --- */

/* --- Weekend ---
 * The container for a weekend day in all views
 */
.Weekend
{
	background-color: #FFFCEF;
	color: inherit;
}
/* --- /Weekend --- */

/* --- Today ---
 * Containers for current day
 */
.Today, .TodayWeekend
{
	background-color: #E0DCCA;
	
	color: inherit;	
}
/* --- /Today --- */

/* --- DayNumber, DayTitle ---
 * Containers for title and numbers of days
 */
.TableMonth .DayNumber
{
	cursor: pointer;
}
.TableWeek .DayNumber, .TableWeek .DayTitle, .TableWeek .WeekendDayTitle
{
	cursor: pointer;
}
.TableMonth .DayNumber
{
	font-size: 0.9em;
	padding: 5px 5px 0 5px;
	text-decoration:underline;
}
.TableWeek .DayNumber {
text-decoration:underline;
}
.TableDay .DayNumber, .TableWeek .DayNumber, .TableMonth .DayTitle, .TableMonth .WeekendDayTitle
{
	font-size: 1em;
	background-color: #F4F4F4 !important;

	color: inherit;
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #C6C1AC;
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/green_header.gif);
}
/* --- /DayNumber, DayTitle --- */

/* --- ScheduleSpacer ---
 * Spacer between individual events (schedules) on the same day
 */
.ScheduleSpacer
{
	/*background-color: #F3E4B1;*/
	color: inherit;
	margin: 2px 0px;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
}
/* --- /ScheduleSpacer --- */

/* --- DayContent ---
 * Content holder on any day
 */
.DayContent
{
	padding: 5px 0;
	font-size: 0.9em;
}

.DayContent a 
{
	text-decoration:underline;
	font-weight:bold;
}
/* --- /DayContent --- */

/* --- Schedules ---
 * Schedule denotes a one day event.
 * A multi day event is split into the following classes:
 * ScheduleStart is the first day in the series.
 * ScheduleMiddle is any day in the series that is not the first or the last day.
 * ScheduleEnd is the last day in the series.
 */
.Schedule, .ScheduleStart, .ScheduleMiddle, .ScheduleEnd
{
	/* TODO: Tilføj padding for at undgå at boksene ikke er lige høje */
	margin: 5px 0px 0px 0px;
	height: 3em;
	padding: 5px 15px 0xp 0px;
	color: inherit; /**/
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	background-color: #FCFAF9;
	background-repeat: no-repeat; /*min-height: 3em;*/
}
.Schedule, .ScheduleStart, .ScheduleMiddle, .ScheduleEnd
{
	/*min-height: 3em;*/
}
.ScheduleStart, .ScheduleMiddle, .ScheduleEnd
{
	border-top: 1px dotted #7A9157;
	border-bottom: 1px dotted #7A9157;
}
.DayContent > .Schedule, .DayContent > .ScheduleStart, .DayContent > .ScheduleMiddle, .DayContent > .ScheduleEnd
{
	height: auto;
}
.Schedule, .ScheduleStart
{
	margin: 5px 0 5px 5px;
	padding: 5px 15px 5px 5px;
/*	border-left: 5px solid #7A9157;*/
}
.Schedule, .ScheduleEnd
{
	margin: 5px 5px 5px 0px;
	/*border-right: 5px solid #7A9157;*/
	/*border-right: 5px solid RGB(0,89,111);*/
	border-right: 5px solid RGB(122,145,87);
	padding: 5px 5px 5px 15px;
}.Schedule
{
	margin: 5px; /*margin-right: 5px; 	margin-left: 5px;*/
	border-right: 5px solid #7A9157;
	border-left: 5px solid #7A9157;
	/*border-left: 5px solid RGB(0,89,111);
	border-right: 5px solid RGB(0,89,111);*/
	padding: 5px;
}
.ScheduleMiddle
{
	padding: 5px 15px;
	margin: 5px 0;
}
.TableDay .Schedule
{
	/*
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/clip.gif);
	background-position: top right;
*/
}
.TableDay .ScheduleStart, .TableDay .ScheduleMiddle
{
	/*
	background-image: url(/sitecore%20modules/web/Event%20Calendar/Images/arrow.gif);
	background-position: 99% 95%;
*/
}
/* --- /Schedules --- */

/* --- Content formats --- 
 * Inserted from the Content Page control
 */
.iCalendarLink img
{
	border: none;
}
.locationname
{
}
.sourcename
{
}
.prewButton
{
	z-index: 10;
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url(/sitecore%20modules/web/Event%20Calendar/images/blue_prev.gif) no-repeat 0px 1px;
	/*background-position: 0px 1px;
	background-repeat: no-repeat;
	background-image:url(/sitecore%20modules/web/Event%20Calendar/images/green_prev.gif);*/
	/*src:url(../sitecore%20modules/web/Event%20Calendar/images/green_prev.gif);*/
}
.nextButton
{
	z-index: 10;
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url(/sitecore%20modules/web/Event%20Calendar/images/blue_next.gif) no-repeat 0px 1px;
}
/* --- /Content formats --- */