/* Calendar CSS */	
	
	
	#calendar_date {
		font-size : 18px;
		color: #797979;
		position : relative;
		top: 20px;
		float: left;
		width: 300px;
		white-space: nowrap;
	}

/* Office Content Block */

	#EventsBlock {
		margin: 10px 0px 10px 15px;
		padding: 0px;
	}	
	

			
/* Screen Tabs */
	
	
	#calendar_Tabs 
	{
		width : 510px;
		position : relative;
		top : 1px;
		float: right;
	}
	
	#calendar_Tabs #List {
		width : 101px;
		text-align: center;
		float : right;
		position : relative;
		right : -88px;
		cursor: pointer;
	}
	
	#calendar_Tabs #Day {
		width : 101px;
		text-align: center;
		float : right;
		position : relative;
		right : -66px;
		cursor: pointer;
	}
	
	#calendar_Tabs #Week {
		width : 101px;
		text-align: center;
		float : right;
		position : relative;
		right : -44px;
		cursor: pointer;
	}
	
	#calendar_Tabs #Month {
		width : 101px;
		text-align: center;
		float : right;
		position : relative;
		right : -22px;
		cursor: pointer;
	}
	
	#calendar_Tabs #Map {
		width : 101px;
		text-align: center;
		float : right;
		position : relative;
		cursor: pointer;
	}

	
	
/* calendar Modal Divs */

    #calendar_current {
         visibility: hidden;
         position: absolute;
         left: 0px;
         top: 0px;
         width:100%;
         height:100%;
         text-align:center;
         z-index: 1000;
		 
    }
	
    #calendar_current div {
	     width: 100%;
	     height: 508px;
		 position: absolute;
		 top: 5px;
		 left: -110px;
         padding: 0px 0px 0px 0px;
         text-align:center;
	     background:url(/~extras/crapo/calendar_modal.png) bottom center no-repeat;
    }

    #calendar_reminder {
         visibility: hidden;
         position: absolute;
         left: 0px;
         top: 0px;
         width:100%;
         height:100%;
         text-align:center;
         z-index: 1000;
		 
    }
	
    #calendar_reminder div {
	     width: 100%;
	     height: 508px;
		 position: relative;
		 top: 5px;
		 left: 125px;
         padding: 0px 0px 0px 0px;
         text-align:center;
	     background:url(/~extras/crapo/calendar_modal.png) bottom center no-repeat;
    }

    #calendar_search {
         visibility: hidden;
         position: absolute;
         left: 0px;
         top: 0px;
         width:100%;
         height:100%;
         text-align:center;
         z-index: 1000;
		 
    }
	
    #calendar_search div {
	     width: 100%;
	     height: 508px;
		 position: relative;
		 top: 5px;
		 left: 305px;
         padding: 0px 0px 0px 0px;
         text-align:center;
	     background:url(/~extras/crapo/calendar_modal_search.png) bottom center no-repeat;
    }

    #calendar_settings {
         visibility: hidden;
         position: absolute;
         left: 0px;
         top: 0px;
         width:100%;
         height:100%;
         text-align:center;
         z-index: 1000;
		 
    }
	
    #calendar_settings div {
	     width: 100%;
	     height: 508px;
		 position: relative;
		 top: 5px;
		 left: 200px;
         padding: 0px 0px 0px 0px;
         text-align:center;
	     background:url(/~extras/crapo/calendar_modal_search.png) bottom center no-repeat;
    }
    
    
    
	
	#MonthDay_out {
		height: 68px;
		background: #f7f7f7;
		cursor: pointer;
	}
	
	#MonthDay_in {
		height: 68px;
		background: #ffffff;
		cursor: pointer;
	}
	
	#MonthDay_in #DayNumber {
		float: right;
		font-weight: bold;
		font-size: 12px;
	}
	
	#MonthDay_active {
		height: 68px;
	    background-image:url(/~extras/crapo/calendar_count.png);
		cursor: pointer;
	}
	
	#MonthDay_active #DayNumber {
		float: right;
		font-weight: bold;
		font-size: 12px;
	}
	
	#MonthDay_active #calendarCount {
		float: right;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		position: relative;
		top: 24px;
		left: 1px;
		padding: 0px 5px 0px 0px;
	}
	
	#calendarCount 
	{
		color: #000000;
	}
	
	#GetDrivingDirections img {
		margin: 0px 5px 0px 0px;
	}