/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	GLOBAL STYLES															/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/

	/*
	cdar class is given to the existing wrapper
	calendar class is given to the inner wrapper created by cdar
	 */
	.cdar .calendar {
        overflow: hidden;
	}
	/*
	The month class is a single div wrapper around all the weeks

	 */
	.cdar .calendar .month { 
		position:relative;
        overflow-y: auto;
	}
	
	.cdar .calendar .week {
		float:left;
		width:100%;
        border-bottom: solid 1px #B2BDCF;
	}

	.cdar .calendar .day-hour-container{
		display: none;
	}


	/**
	* 
	*/
	
	/**
	 * Break points are set in the JS, and correspond to widths of the cdar wrapper element 
	 * Break points shouldn't be used like view modes, but can be used within view modes, 
	 * for example, if we want a Month view to behave differently at different widths
	 * 
	 */
	
	 /* watch is 0 - 500 */
	 .cdar .calendar.watch {}
	 /* mobile is 500 - 800 */
	 .cdar .calendar.mobile {}
	 /* ptablet is 800 - 900 */
	 .cdar .calendar.ptablet {}
	 /* ltablet is 900 - 1150 */
	 .cdar .calendar.ltablet {}
	 /* desktop is 1150 - 3950 */
	 .cdar .calendar.desktop {}
	 /* tv is 3950 - 18000 */
	 .cdar .calendar.tv {}


	 /**
	  * 
	  */

	 /**
	 * View modes are set in the JS, and can be fixed, user changeable, or break point changeable
	 *
	 */
	




	.cdar .hour-container {
		height:100%;
		overflow:hidden;
		border-left:solid 1px #B2BDCF;
        overflow: visible;
	}
	.cdar .week .day:last-child .hour-container {

		border-right:solid 1px #B2BDCF;

	}

	
	.cdar .hour-container > div {
		height:50%;
	}

	.cdar .hour-container > div:first-child {
		border-top:solid 1px #B2BDCF;
	}
	.cdar .hour-container > div:last-child {
/* MDEJOHNS on Thu Apr 30 2015 : 		border-top:dashed 1px #CCC; */
	}

	.cdar .month-title-container{
		text-align: center;
		font-size: 1.5em;
		color: #4D688C;
		font-weight: bold;
		padding:.5em 0;
	}

	.cdar .month-title-container .month-name {
		display:inline-block;
	}
	
	.cdar .arrow-container {
		border-top:solid 1px #ddd;
	}
	.cdar .arrow-container > span { 
		display:inline-block;
		text-align:center;
		padding:.5em 0; 
		font-size:1.3em;
		color:#335379;
		width:40%;
	}
	
	.cdar .right-arrow:hover,
	.cdar .left-arrow:hover{
		cursor: pointer;
		color: #C99700;
	}
	.cdar .calendar .arrow-container .today-trigger {
		display:inline-block;
		/*position:absolute;*/
		width:20%;
		cursor:pointer;
		text-align:center;
		padding: 0.5em 0px;
	}
	.cdar .calendar .arrow-container .today-trigger .today-trigger-title {
		
	}
	.cdar .calendar .arrow-container .today-trigger:hover {
		cursor: pointer;
		color: #C99700;
	}


	.cdar .month-day-title-container {
		width:100%;
		color:#335379;
		border-bottom:1px solid #CCD4E0;
	}
	
	.cdar .calendar.week-view .cal-head .month-day-title-container.scroll {
        height: 35px;
	}
    .cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title:first-of-type{
        padding: 0px;
    }
	.cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title, .cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title .day-date {
		height:28px;
        text-align: center;
	}
	.cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title.day-hour-container {
		height:auto;
	}

	.cdar .month-day-title-container > div {
		display:inline-block;
		
	}
	.cdar .month-day-title-container .day-name {
		padding:.3em;
		border-left:solid 1px #B2BDCF;
		
	}

	.cdar .month-day-title-container .month-day-title.abbr .day-name {
		display: none;
		
	}

	.cdar .month-day-title-container .month-day-title .abbr-day-name {
		display: none;
		
	}

	.cdar .month-day-title-container .month-day-title.abbr .abbr-day-name {
		display: inline-block;
		
	}
	

	.cdar .day .month-day-title-container .month-day-title {
		display:inline-block;
		color:#4D688C;
		
		
	}

	.cdar .day .month-day-title-container .day-date {
		display:inline-block;
		border-left:solid 1px #B2BDCF;
		padding:.5em 1em;
	}

	.cdar .view-buttons-container {
		background-color: #fff;
		border-bottom:solid 1px #E9D599;
	}

	.cdar .view-buttons-container .view-button {
		display: inline-block;
		width: 33.3%;
		text-align: center;
		font-size: 1.3em;
		padding:.5em 0;
		color: #E9D599;
	}

	.cdar .view-buttons-container .view-button.active{
		background-color: #E9D599;
		color: #002855;
	}
	
	.cdar .view-buttons-container .view-button:hover{
		cursor: pointer;
		color:#fff;
		background-color: #002855;
	}
	
	.cdar .view-buttons-container .view-button.active:hover{
		cursor: default;
		color: #002855;
		background-color: #E9D599;
	}

	.cdar .calendar .week .day {
		position:relative;
	}
	.cdar .calendar .week .day .display {
		height:100%;
		width:100%;
		overflow:hidden;
		top:0;
		left:0;
		position:absolute;
		z-index:10;
	}
	.cdar .calendar .week .day .display .dock{
		padding:0;
		margin:0;
		list-style:none;
		display:none;
	}
	.cdar .calendar.month-view .week .day .display .dock{
		display:block;
	}
	.cdar .calendar .week .day .display .dock li:first-child {

	}
	.cdar .calendar .event{
		display: inline-block;
	}

	.cdar .calendar.month-view .event:hover{
		cursor: pointer;
	}

	.cdar .hour{
		position: relative;
		height: 18px;
	}
	
	.cdar .hour-container>.all-day-container, 
    .cdar .day-hour-container>.all-day-container {
		height:54px;
	}
	.cdar .day>.hour-container .all-day-container {
		border-bottom:2px solid #CCD4E0;
	}
	.cdar .week>.day-hour-container .all-day-container {
		display:block;
		background-color:#FFF;
		text-align:right;
		border-bottom:2px solid #CCD4E0;
	}
	.cdar .week>.day-hour-container .all-day-container .all-day-name {
		font-size:0.9em;
	}
	
	/*todo styles*/
	.cdar .todo {
		float:none;
		width:100%;
	}
	.cdar .todo .todo-name {
        display: block;
        background-color: #CCD4E0 !important;
        text-align: right;
        width: 5%;
        float: left;
        border-bottom: 1px solid #CCD4E0;
        padding: 1%;
        border-right: 2px solid #CCD4E0;
		min-height:20px;
        color: #002855;
	}
	.cdar .todo .todo-container {
        float: left;
        width: 90.5%;
        border-right: 1px solid #CCD4E0;
        border-bottom: 1px solid #CCD4E0;
        padding: 1%;
        background-color: white;
        min-height:20px;
        box-shadow: -1px 0px 0px #CCD4E0;
	}
	
	.cdar .day-view .todo .todo-name {
        width: 10%;
	}
	.cdar .day-view .todo .todo-container {
        width: 85%;
	}
	
	.cdar .todo .event {
		width:98%;
        padding: 1%;
        position: relative;
		overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .7em;
	}
	.cdar .todo .event:hover {
		white-space:normal;
		display:block;
	}
    .cdar .todo .event .title{
        margin-left: 15px;
    }
    .cdar .todo .event .info-container.show{
        left: 0px;
    }
	
	.cdar .hide {
		display:none;
	}
	.cdar .week > .day-hour-container .all-day-container {
		display:none;
	}
    .cdar .calendar .super-small-events{
        display: none;
    }
	
	/*so far, only firefox has giant scroll bars that take up more space then content for the cdar week-view headers, so make a small adjustment for that.*/
	.cdar .calendar.firefox.week-view .month-day-title-container.scroll {
		background-color:#CCD4E0;
	}
	
	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	END OF GLOBAL STYLES													/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/



	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	MONTH STYLES															/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/
	.cdar .calendar.month-view .week.next-month{
		display:none;
	}

	.cdar .calendar.month-view .week .day {
		width: 14.28%;
		float: left;
		position:relative;
		background-color: #E5E9EF;
		transition: .4s all ease-in-out;
		height:100px;

	}
	/*
	We should probably duplicate this div in the "doc"
	 */
	.cdar .day-title-container {
		z-index:101;
		position:relative;
		
	}
	.cdar .calendar.month-view .week .day .display {
		height:100%;
		width:100%;
		overflow:hidden;
		left:0;
		position:absolute;
		
	}

	.cdar .calendar.month-view .week.w1 .display,
	.cdar .calendar.month-view .week.w2 .display,
	.cdar .calendar.month-view .week.w3 .display {
		top:0;
	}

	.cdar .calendar.month-view .week.w4 .display,
	.cdar .calendar.month-view .week.w5 .display,
	.cdar .calendar.month-view .week.w6 .display {
		bottom:0;
	}

	.cdar .calendar.month-view .week .day .dock {
		padding:0;
		margin:0;
		margin-top: 17%;
		
	}
	.cdar .calendar.month-view .week .day .dock li {
		padding: .3em .5em;
		border: 1px solid #EFE0B2;
		background-color: #F9F4E5;
		width: 87%;
		margin-left: 2%;
		color: #4c4c4c;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: .8em;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		margin-bottom: 1%;
		transition: .2s all ease-in-out;
		
	 }
	 .cdar .calendar.month-view .week .day .dock.more-than-three li {
		line-height:12px;
	 }

	.cdar .calendar.month-view .week .day .dock li:hover {
		background-color: #EFE0B2;
	}
	.cdar .calendar.month-view .month .week .day .dock .more-events.tighter {
		padding-top:0;
	}
	.cdar .calendar.month-view .more-events:hover{
		cursor: pointer;
	}

	.cdar .calendar.month-view .week .day.expand .dock {
		box-shadow: 1px 1px 3px #99A9BF;
		background-color:#E5E9EF;
	}

	.cdar .calendar.month-view .week .day-date { 
		position:absolute;
		width:100%;
		text-align:right;
	}

	.cdar .calendar.month-view .week .day .day-name {
		display: none;
	}
	.cdar .calendar.month-view .week .day.out-of-month {
		background-color: #eeeeee;
	}
	.cdar .calendar.month-view .week .day.out-of-month .day-date span{
		background-color: #99A9BF;
	}

	.cdar .calendar.month-view .week .day .day-date span{
		display:inline-block;
		padding:.5em 0;
		margin:.5em;
		text-align:center;
		background-color: #CCD4E0;
		border: 1px solid #99A9BF;
		color: #4D688C;
	}
	.cdar .calendar.month-view .week .day.out-of-month:first-child{
		background-color: #F5F5F5;
	}
	.cdar .calendar.month-view .week .day:last-child{
		background-color: #F7F9FC;
	}
	.cdar .calendar.month-view .week .day.out-of-month:last-child{
		background-color: #F5F5F5;
	}
	.cdar .calendar.month-view .week .day:last-child .day-date span{
		background-color: #CCD4E0;
		border: 1px solid #99A9BF;
		color: #4D688C;
	}
	.cdar .calendar.month-view .week:last-child .day{
	}
	.cdar .calendar.month-view .week .day.active{
		background-color: #B2BDCF;
	}
	.cdar .calendar.month-view .week .day .day-date{
		width: 100%;
		text-align:right;
		font-weight: bold;
	}
	.cdar .calendar.month-view .week .day .day-date span{
		display: inline-block;
		padding: 3% 0px;
		background-color: #4D688C;
		margin: 3%;
		color: white;
		width: 18%;
		height: 17%;
		text-align: center;
	}
	.cdar .calendar.month-view .week .day .hour{
		display: none;
	}
	.cdar .calendar.month-view .week .day .hour.half{
		display: none;
	}
	.cdar .cdar .calendar.month-view .day:hover{
		cursor: pointer;
		background-color: #7F93AE;
	}
	.cdar .calendar.month-view .day.out-of-month:hover{
		cursor: pointer;
		background-color: #ccc;
	}
	.cdar .calendar.month-view .week .day:first-child:hover,
	.cdar .calendar.month-view .week .day:last-child:hover{
		background-color: #CCD4E0;
	}
	.cdar .calendar.month-view .week .day.out-of-month:first-child:hover,
	.cdar .calendar.month-view .week .day.out-of-month:last-child:hover{
		background-color: #dedede;
	}
	
	.cdar .calendar.month-view .month-day-title{
		background-color: #CCD4E0;
	}

    /* MDEJOHNS on Thu May 21 2015 : super-small section */
    /*fixme im working here */
    .cdar .calendar.super-small.month-view .week .day .day-date span{
        width: 98%;
        padding: 0px;
        margin: 0px;
    }
	.cdar .calendar.super-small.month-view .month-day-title-container .month-day-title .abbr-day-name {
		display:inline-block
	}
	.cdar .calendar.super-small.month-view .month-day-title-container .month-day-title .day-name {
		display:none;
	}
    .cdar .calendar.super-small.month-view .month-day-title-container > div {
		vertical-align: top;
	}
    .cdar .month-day-title-container .day-name{
        /*overflow hidden causes a space to appear between the line of weekday names and the dates/day blocks below them*/
		/*overflow: hidden;*/
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .cdar .calendar.super-small.month-view .dock{
        display: none!important;
    }
    .cdar .calendar.super-small.month-view .super-small-events{
        background-color: #EFE0B2;
        border: 2px solid #DFC166;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        width: 20px;
        margin: 50% 25% 0px 25%;
    }
    .cdar .calendar.super-small.month-view .week .day .day-date{
        width: 99%;
    }
    .cdar .calendar.super-small .todo .todo-container{
        width: 96%;
        border-left: 1px solid #CCD4E0;
        box-shadow: none;
    }
    
    .cdar .calendar.super-small .todo .todo-name{
        width: 96%;
        font-size: 14px;
        text-align: center;
    }

    /* MDEJOHNS on Thu May 21 2015 : end of super-small section */

	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	END OF MONTH STYLES														/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/



	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	WEEK STYLES																/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/

	.cdar .calendar.week-view .week {
		display: none;
		/*overflow: auto;*/
		
	}
	.cdar .calendar.week-view .week .dock{
		display: none;
	}
	.cdar .calendar.week-view .week.active{
		display: block;
	}

	.cdar .calendar.week-view .week .day {
		width: 14.28%; /* This will be overridden by the JS, in case we aren't showing all days */
		background-color: #E5E9EF;
		float: left;
	}

	.cdar .calendar.week-view .month-day-title-container{
		/*	display:none;	*/
	}

	.cdar .calendar.week-view .month-day-title-container .month-day-title .abbr-day-name{
		display: none;
		width: 70%;
	}
	
	.cdar .calendar.super-small.week-view .month-day-title-container .month-day-title .abbr-day-name{
		display: none;
		width: 63%;
		margin-left: 20%;
	}

	.cdar .calendar.week-view .month-day-title-container .month-day-title.abbr .day-date{
		display: inline-block;
		width: 15%;
        padding-left: 13%!important;
        padding-top: 0px!important;
	}

	.cdar .calendar.week-view .month-day-title-container .month-day-title.abbr .abbr-day-name{
		display: inline-block;
	}

	.cdar .calendar.week-view .month-day-title-container .month-day-title.abbr .day-name{
		display: none;
	}


	.cdar .calendar.week-view .week .day .day-title-container {
		display: none;
		background:#CCD4E0;
		padding:.3em;

	}

	

	.cdar .calendar.week-view .week .day .day-title-container > div {
		display:inline-block;
		padding-right:.4em;
		color: #4D688C;
	}



	.cdar .calendar.week-view .day.out-of-month{
		background-color: #F5F5F5;
	}

	.cdar .calendar.week-view .day.sunday,.cdar .calendar.week-view .week .day.saturday{
		background-color: #F7F9FC;
	}

	.cdar .calendar.week-view .day.active{
		background-color: #B2BDCF;
	}


	.cdar .calendar.week-view .day .hour {
		padding:0 .3em 0 .3em;
		border-bottom: 1px dotted #CCD4E0;
	}
    .cdar .calendar.week-view .week .day .am .hour:last-of-type{
        border-bottom: dashed 1px #CCC;
    }
	.cdar .calendar.week-view .day .hour.half{
		border-bottom: 1px solid #CCD4E0;
	}
	.cdar .calendar.week-view .day.active .hour.half{
		border-bottom: 1px solid #F7F9FC;
	}
	
	.cdar .calendar.week-view .day.active .hour {
		padding:0 .3em 0 .3em;
		border-bottom: 1px dotted #F7F9FC;
		
	}

	.cdar .calendar.week-view .week.active .day .hour-marker {
		visibility: hidden;
	}


	.cdar .calendar.week-view .week.active .day:first-child .hour.zero .hour-marker{
		visibility: visible;
	}


	.cdar .calendar.week-view .week .day.active .hour {
		background-color: #B2BDCF;
	}

	.cdar .calendar.week-view .week .day .hour {
		background-color: #E5E9EF;
	}
	.cdar .calendar.week-view .week .day.out-of-month .hour {
		background-color: #dddddd;
	}

	.cdar .calendar.week-view .day-hour-container div{
		background-color: white;
	}

	.cdar .calendar.week-view .day-hour-container{
		background-color: white!important;
		display: inline-block;
	}

	.cdar .calendar.week-view .month-day-title{
		background-color: #CCD4E0;
        box-shadow: 1px 0px 0px #B2BDCF inset;
	}

	.cdar .calendar.week-view .day-hour-container .am,
	.cdar .calendar.week-view .day-hour-container .pm,
	.cdar .calendar.week-view .week .day.day-hour-container .hour{
		display: block;
		background-color: white!important;
		text-align: right;
	}

	.cdar .calendar.week-view .month-day-title-container.day-hour-container{
		display: inline-block;
		background-color: white;
	}

	.cdar .calendar.week-view .hour.contains-event .hour-marker{
		display: none;
	}

	.cdar .calendar.week-view .hour.contains-event .event{
		position: absolute;
		z-index: 11;
		max-height: 18px;
		overflow: hidden;
		transition: .4s all ease-in-out;
		border: 1px solid #9CAF88;
		background-color: rgba(201, 228, 173, 0.68);
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .8em;
        max-width: 91%;
	}

	.cdar .calendar.week-view .hour.contains-event .long-event{
		position: absolute;
		z-index: 11;
		border: 1px solid #9CAF88;
		background-color: rgba(201, 228, 173, 0.68);
		font-size: .8em;
		max-height: none;
		transition:.4s all ease-in-out;
		color: #002855;
        max-width: 91%;

	}

    .cdar .calendar.week-view .hour.contains-event .long-event:hover{
		max-width: 91%!important;
		white-space: normal;
        text-overflow:inherit;
		background-color: rgb(201, 228, 173);
        padding-right: .7em;
        cursor: pointer;
        left: 0px!important;
		height:auto!important;
	}
    .cdar .calendar.week-view .hour.contains-event .event:hover{
        cursor: pointer;
    }
	
	.cdar .calendar.week-view .hour.contains-event .event.hover-animate {
		transition:.4s all ease-in-out;
	}

	
	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	END WEEK STYLES															/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/



	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	DAY STYLES																/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/

	.cdar .calendar.day-view .week {
		display:none;
	}
	.cdar .calendar.day-view .week.active{
		display:block;
	}

	.cdar .calendar.day-view .day {
		display: none;
	}

	.cdar .calendar.day-view .day-hour-container{
		width: 5em!important;
		display: inline-block;
        vertical-align: top;
	}
	.cdar .calendar.super-small.day-view .day-hour-container {
		width:4em!important;
	}

	.cdar .calendar.day-view .month-day-title-container {
		display: none;
	}

	.cdar .calendar.day-view .day-title-container {
		background-color: #F7F9FC;
	}

	.cdar .calendar.day-view .week.active .day.active .day-title-container{
        display: none;
    /* MDEJOHNS on Wed May 27 2015 : 
	   obselete now (maybe)
        
        margin-left: -6.25em;
		max-height:55px;
    */
	}
    .cdar .calendar.day-view .day-title-container{
        line-height: normal;
    }

    .cdar .calendar.day-view .day-title-container{
        line-height: normal;
    }

	.cdar .calendar.day-view .day-title-container .day-name{
		display: inline-block;
	}
	.cdar .calendar.day-view .day-title-container .day-date {
		background-color: #4D688C;
		color: white;
		text-align: center;
		display: inline-block;
		padding:.5em;
		margin-right:.5em;
	}
	.cdar .calendar.day-view .day-name.today{
		font-size: 2.5em;
		border-bottom: 1px dotted #C99700;
		color: #335179;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-style: italic;
		background-color: #E5E9EF;
	}



	.cdar .calendar.day-view .week.active .day.active {
		background-color: #E5E9EF;
		display: inline-block;
		width: 94.4%;
	}

	.cdar .calendar.day-view .cal-head .day-date  {
		background-color: #4D688C;
		color: white;
		text-align: center;
		font-size: 2.5em;
	}
	
	.cdar .calendar.day-view.super-small .cal-head .day-date {
		font-size:2em;
	}
	.cdar .calendar.day-view.super-small .cal-head .day-name {
		font-size:2em;
	}

	.cdar .calendar.day-view .cal-head .day-name {
		color: #4D688C;
		font-size: 2.5em;
        line-height: inherit!important;
    }
	.cdar .calendar.day-view .hour-container {
	
	}


	.cdar .calendar.day-view .week .day .hour{
		padding:0 .3em 0 .3em;
		border-bottom: 1px dotted #B2BDCF;
		color:#335179;
		
	}

	.cdar .calendar.day-view .week .day .hour.half{
		border-bottom: 1px solid #B2BDCF;
	}
    .cdar .calendar.day-view .hour.contains-event .event{
		position: absolute;
		z-index: 11;
		max-height: 16px;
		overflow: hidden;
		transition: .4s all ease-in-out;
		border: 1px solid #9CAF88;
		background-color: rgba(201, 228, 173, 0.68);
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .8em;
        width: 98%;
	}
    .cdar .calendar.day-view.super-small .hour.contains-event .event .title{
        font-size: 14px;
    }
	.cdar .calendar.day-view .hour.contains-event .long-event{
		position: absolute;
		z-index: 11;
		border: 1px solid #9CAF88;
		background-color: rgba(201, 228, 173, 0.68);
		font-size: .8em;
		max-height: none;
		transition:.8s all ease-in-out;
		color: #002855;
        width: 98%;
        
	}
    .cdar .calendar.day-view .hour.contains-event .event .important-details-icon-container{
        margin-right: 3%;
    }
    .cdar .calendar.day-view .hour.contains-event .long-event:hover{
		min-width: 99.5%!important;
		white-space: normal;
        text-overflow:inherit;
		background-color: rgb(201, 228, 173);
        cursor: pointer;
        left: 0px!important;
		height:auto!important;
	}
    .cdar .calendar.day-view .hour.contains-event .event:hover{
        cursor: pointer;
    }
    
    .cdar .calendar .event.dkgreen{
        background-repeat: repeat;
    }

    .cdar .calendar .event.dkred{
        background-repeat: repeat;
    }
    .cdar .calendar .event.ltred{
        background-repeat: repeat;
    }
	
	/*styles for good printing that will probably be general across all usages of cdar*/
	@media print {
		.cdar .calendar.week-view .cal-head .month-day-title-container.scroll {
			overflow-y:auto;
			background-color:#fff;
		}
        .cdar .calendar.week-view .month-day-title-container .month-day-title .abbr-day-name{
            margin-left: 7%;
        }
		.cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title,
        .cdar .calendar.week-view .cal-head .month-day-title-container.scroll .month-day-title .day-date {
			height:auto;
		}
		.cdar .calendar.week-view .month-day-title-container .month-day-title.abbr .day-date, .cdar .calendar.super-small.week-view .month-day-title-container .month-day-title .abbr-day-name, .cdar .calendar.week-view .month-day-title-container .month-day-title .abbr-day-name {
			width:auto;
		}
		.cdar .calendar .view-buttons-container, .cdar .calendar .arrow-container {
			display:none!important;
		}
		.cdar .calendar .month {
			height:auto!important;
		}
		.cdar .calendar .cal-head .month-name {
			font-size:0.7em;
		}
		.cdar .calendar .cal-head .day-title-container {
			width:100%!important;
			border:1px solid #B2BDCF;
		}
		.cdar .calendar .cal-head .day-name {
			font-size:1em;
			padding:3px;
		}
		.cdar .calendar .cal-head .day-date {
			font-size:1em;
			width:6%;
			padding:3px;
			border-left:1px solid #B2BDCF;
		}
		.cdar .calendar .event {
			border:1px solid #000!important;
			color:#000!important;
			background-color:#fff!important;
			background-image:none!important;
		}
		.cdar .month-title-container {
			padding-top:0;
			padding-bottom:3px;
			color:#000;
			border-color:#000;
		}
		.cdar .calendar.day-view .month-title-container {
			padding-bottom:0;
		}
		.cdar .month-day-title-container {
			color:#000;
			border-color:#000;
		}
		.cdar .calendar .todo .todo-container  {
			padding:0.7%;
		}
		.cdar .calendar .todo .event {
			padding:5px;
		}
		.cdar .calendar .day-hour-container {
			width:7%!important;
		}
		.cdar .calendar .month .day .am, .cdar .calendar .month .day .pm {
			height:auto!important;
		}
		.cdar .hour {
			height:15px;
		}
		.cdar .calendar.day-view .day.active {
			width:90%!important;
		}
		.cdar .calendar .cal-head .day-date {
			border-left:none;
		}
		.cdar .calendar.week-view .month-day-title {
			background-color:#fff;
			box-shadow:1px 0px 0px #000 inset;
		}
		.cdar .hour-container {
			border-color:#000;
		}
		.cdar .calendar .week .day .hour, .cdar .calendar .day .hour.half, .cdar .calendar.week-view .week .day .hour, .cdar .calendar .week .day.active .hour, .cdar .calendar.week-view .week .day.active .hour, .cdar .calendar.day-view .week .day .hour, .cdar .calendar.week-view .week .day .am .hour:last-of-type, .cdar .calendar.day-view .week .day .hour.half {
			background-color:#fff;
			border-color:#000;
		}
		.cdar .calendar.day-view .cal-head .day-date, .cdar .calendar.day-view .cal-head .day-name, .cdar .calendar .cal-head .day-title-container, .cdar .calendar.day-view .week .day .hour, .cdar .calendar .week, .cdar .month-day-title-container .day-name, .cdar .calendar.month-view .week .day .dock li, .cdar .calendar.month-view .week .day .day-date span, .cdar .calendar.month-view .week .day:last-child .day-date span {
			color:#000;
			background-color:#fff;
			border-color:#000;
		}
		.cdar .calendar.day-view .cal-head .day-date {
			color:#000;
			background-color:#fff;
			border-color:#000;
			border-right:1px solid #000;
		}
		.cdar .calendar.month-view .month-day-title, .cdar .calendar.month-view .week .day, .cdar .calendar.month-view .week .day:last-child, .cdar .calendar.month-view .week .day.active {
			background-color:#fff;
		}
		.cdar .calendar.month-view .week .day .dock {
			margin-top:20%;
		}
		.cdar .calendar.week-view .day .hour.contains-event {
			border:none;
		}
	}
	
	@media(max-width:1910px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 93.4%;
		}
	}

	@media(max-width:1620px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 92.4%;
		}
	}

	@media(max-width:1410px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 90.4%;
		}
	}

	@media(max-width:1120px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 88.4%;
		}
	}

	@media(max-width:934px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 86.4%;
		}
	}

	@media(max-width:798px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 82.4%;
		}
	}

	@media(max-width:620px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 78.4%;
		}
	}

	@media(max-width:510px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 75.4%;
		}
		.cdar .calendar.day-view .day-hour-container{
			width: 5em!important;
		}
	}

	@media(max-width:379px){
		.cdar .calendar.day-view .week.active .day.active {
			width: 70.4%;
		}
		.cdar .calendar.day-view .week .day .day-name{
			font-size: 2em;
		}
	}

	/*///////////////////////////////////////////////////////////////////////////
	/																			/
	/	END OF DAY STYLES														/
	/																			/
	///////////////////////////////////////////////////////////////////////////*/