﻿
        .Menu
        {
	        background-image: url('Images/Layout/Menu.png');
        }

		.Content
		{
			background-image: url('Images/Layout/PatchBottom4.png');
			background-position: top right;
			background-repeat: no-repeat;
		}
		
		.CalendarBody
		{
			margin: 0 10px 0 10px;
			width: 980px;	
		}
	
		.MonthTitle
		{
			font-size: 20px;
			font-weight: bolder;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		
		.MonthBar
		{
			width: 100%;
			border-top: 1px solid #E00000;
			border-bottom: 1px solid #E00000;
			margin-top: 10px;
			margin-bottom: 5px;
			text-align: center;
		}
		
		.Month{
            font-weight: bold;
            font-size: 14px;
            padding-left: 8px;
            padding-right: 8px;
        }
        
        .Month:hover{
	        font-weight: bold;
	        border-bottom: 0px;
	        color: White;
	        background-color: #E00000;
	        background-image: url('Images/Layout/MenuButton.png');
	        text-decoration: none;
        }	

        .MonthSelect{
            font-weight: bold;
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
            background-color: #E00000;
            background-image: url('Images/Layout/MenuButton.png');
            color: white;
            
        }
        .MonthSelect:hover{
	        font-weight: bold;
	        border-bottom: 0px;
	        color: red;
	        background-color: #FCF703;
	        text-decoration: none;
        }
        
        .Calendar
        {
        	width: 100%;
        	border: 2px solid black;
        }
        
        .DayHeader{
            width: 14%;
	        font-size: 12px;
	        font-weight: bold;
	        background-image: url('Images/Layout/MenuButton.png');
	        border-bottom: 1px solid black;
	        border-right: 1px solid black;
	        text-align: center;
        }
        
        .Day{
	        vertical-align: top;
	        font-size: 12px;
	        font-weight: bold;
	        background-color: #eaeae2;
	        border-bottom: 1px solid black;
	        border-right: 1px solid black;
	        height: 139px;
	        min-height: 139px;
        }

        .NonDay{
	        vertical-align: top;
	        font-size: 12px;
	        font-weight: bold;
	        height: 139px;
	        min-height: 139px;
	        background-color: #A2A27C;
	        border-bottom: 1px solid black;
	        border-right: 1px solid black;
	        
        }
        
        .DayMarker
        {
        	font-size: 14px;
        	font-weight: bolder;
        	color: Black;
        	float: left;
        	padding: 0 2px 0px 2px;
        }
        
        .ShiftMarker
        {
        	font-size: 11px;
        	font-weight: bolder;
        	color: Black;
        	float: right;
        	padding: 0 4px 0px 4px;
        	border-left: 1px solid black;
        	border-bottom: 1px solid black;
        	cursor: pointer;
        }
        

        .CalendarItem
        {
        	font-size: .95em;
	        margin: 0px;
	        padding: 2px;
	        float: left;
        }
        
        .CalendarItem:hover{
            color: Red;
        }

		.ShiftItem
        {
        	font-size: .75em;
	        margin: 0px;
	        padding: 0px 2px 0px 2px;
	        float: left;
	        color: Black;
	        cursor: pointer;
        }
        
