@media screen
{
	#DiaryContainer
	{
		margin-top: 15px;
		width:922px;		
	}
	
	#DiaryContainer .Diary
	{
		border-bottom: #dcdcdc 1px solid;
		float:left;
		width:707px;
	}
	
	#DiarySideBar
	{
		float:left;
		border:#dcdcdc 1px solid;
		margin-left:10px;
		padding: 0 0 5px 0;
		width:200px;
	}
	
	#DiaryContainer .DiaryEvent
    {
        margin-left: 3px;
    }
	    
	#DiaryContainer .Diary .DiaryHeader
    {
        background-color: #99CCFF;
        border: #dcdcdc 1px solid;
        color: #000080;
        float: left;
        font-weight: bolder;
        margin: 0 0 0 -1px;
        padding: 2px;
        text-align: center;
        vertical-align: top;
        width: 96px;
    }
	
	#DiaryContainer .Diary .DiaryDay
	{
		border-left: #dcdcdc 1px solid;
		border-right: #dcdcdc 1px solid;
		border-top: #505050 1px solid;
		float: left;
		margin: -2px 0px 0px -1px;
		vertical-align: top;
		width: 100px;
	}
	
	#DiaryContainer .Diary .DiaryDayTempHeight
	{
		height: 60px;
		min-height: 60px;
	}
			  
	#DiaryContainer li
	{
		display: block;
		height: 21px;
		padding-left: 3px;
		padding-right: 2px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}

	#DiaryContainer .Tooltip
	{
		background-color: #E8F4FC;
		border: 1px solid #C0C0C0;
		display: none;
		left: 0px;
		position: absolute;
		top: 70px;
		z-index: 2;
	}

	.DiaryDay a
	{
		display:block;
	}
	
	.Diary .Selected
    {
        background-color: #ffffcc;
    }
	.Diary .GoodTraining
    {
        background-color: #99FF66;
    }
	.Diary .Injury
    {
        background-color: #F93F00;
        color: #FFFFFF;
    }
	.Diary .HiTraining
    {
        background-color: #FF6600;
        color: #FFFFFF;
    }
	
	#DiaryContainer .Diary .DayTitle
	{
		padding: 2px 5px 2px 5px;
		text-align: right;
		color: #321E59;
		background-color: #E8F4FC;
		cursor: pointer;
	}
	
	
	#DiaryContainer .Diary .DayTitleSelected
    {
        font-weight: bolder;
        color: #FFFFFF;
        background-color: #37316d;
    }
	
	#DiaryContainer .Diary .DayTitleOther
    {
        color: #666666;
        background-color: #DFDFDF;
    }

	.Diary .SelectedDayHeader
    {
        background-color: #37316d;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
    }

	#DiaryContainer li.IncompletePastEntry,
	#DiaryContainer li.IncompletePastEntry.Staff
	{
		padding-left: 21px;
		background-image: url(../../GFX/Incomplete.png);
		background-repeat: no-repeat;
	}
	
	#DiaryContainer li.UnassignedEntry,
	#DiaryContainer li.UnassignedEntry.Staff
	{
		padding-left: 21px;
		background-image: url(../../GFX/Unassigned.png);
		background-repeat: no-repeat;
	}
	
	#DiaryContainer .Diary .Staff
	{
		clear:both;
		color:#000000;
		display:block;
		padding-left:3px;
	}
	
	#DiaryContainer li.StaffFilterBlue
	{
		background-image: url(../../GFX/BlueDiaryBackground.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-left:3px;
	}

	#DiaryContainer li.StaffFilterGreen
	{
		background-image: url(../../GFX/GreenDiaryBackground.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-left:3px;
	}

	#DiaryContainer li.StaffFilterOrange
	{
		background-image: url(../../GFX/OrangeDiaryBackground.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-left:3px;
	}

	#DiaryContainer li.StaffFilterRed
	{
		background-image: url(../../GFX/RedDiaryBackground.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-left:3px;
	}

	.StaffFilterGreen a,
	.StaffFilterBlue a,
	.StaffFilterOrange a,
	.StaffFilterRed a,
	.StaffFilterGreen a:hover,
	.StaffFilterBlue a:hover,
	.StaffFilterOrange a:hover,
	.StaffFilterRed a:hover,
	.StaffFilterGreen a:visited,
	.StaffFilterBlue a:visited,
	.StaffFilterOrange a:visited,
	.StaffFilterRed a:visited,
    .StaffFilterGreen a:active,
	.StaffFilterBlue a:active,
	.StaffFilterOrange a:active,
	.StaffFilterRed a:active
	{
		color: #FFFFFF;
	}

	#DiarySideBar .TodaysEvents
	{
		clear: both;
		padding: 5px;
	}
	
	.EventName
	{
		background-color:#37316D;
		color:#FFFFFF;
		clear:both;
		display:block;
		padding:3px;
	}

	.Time,
	.TodaysEvents .Staff
	{
		clear:both;
		float: left;
		color:#000000;
		padding-left:3px;
	}
	
	.DiaryAgeGroup
	{
		display:none;
	}
	
	.Time
	{
		clear:both;
	}

	#Filters img
	{
		padding:3px
	}
	
	#Filters #clearFilter
	{
		cursor: pointer;
	}
	
	.DiaryButton
    {
        padding: 3px;
        height: 24px;
    }
	.DiaryButton input	{	float:left; 
	                     	 	padding-right:3px;		}
	.DiaryButton a
    {
        vertical-align: middle;
    }

    .FilterBy{}
    
    .ScheduleMonth
    {
        padding: 5px;
        width: 200px;
        text-align: center;
        font: 150% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
    }
}