.brolly-calendar {
	width:100%;
	font-size:16px;
}

.brolly-calendar * {
	box-sizing:border-box;
}

.brolly-date-navigator-holder {
	width:50%;
	float:left;
}

.brolly-date-navigator {
	float:right;
	padding-right:0.25em;
	display:block;
	font-size:1em;
	line-height:2em;
	margin:0.5em 0;
}

.brolly-date-navigator .brolly-date-link {
	display:block;
	color:#DDD;
	background-color:#222;
	text-decoration: none;
	text-align: center;
	float:left;
	padding:0 0.5em;
}

.brolly-date-navigator .brolly-prev-link {
	margin-right:1px;
}

.brolly-date-navigator .brolly-this-link {
	margin-right:1px;
}

/* Year Styles */
.brolly-year-heading {
	font-size:2em;
	line-height:2em;
	text-align: center;
	font-weight: bold;
}

.brolly-year-heading .brolly-date-link {
	text-decoration: none;
	color:#ccc;
	float:none;
	display:inline;
	width:auto;
	background-color:inherit;
}

.brolly-year-heading a:hover {
	color:#333;
}

.brolly-year-heading .brolly-date-navigator {
	float:none;
}

/* Month Styles */

.brolly-month .brolly-month-heading {
	background-color:#333;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}

.brolly-month .brolly-month-name-holder {
	width:50%;
	float:left;
	display:block;
}

.brolly-month .brolly-month-name-holder .brolly-month-name {
	float:left;
	width:100%;
	padding-left:0.25em;
	font-size:1.5em;
	line-height:2em;
}

.brolly-month .brolly-month-heading .brolly-month-jump-form {
	float:left;
}

.brolly-month .brolly-month-name-holder .brolly-month-jump-form select {
	display: block;
	margin:0.5em 0.25em;
}

.brolly-month .brolly-day-cell {
	padding:0.25em;
}


.brolly-month .brolly-day-cell .brolly-day-heading {
	color:#999;
	background-color:inherit;
	font-weight:inherit;
	text-align:inherit;
	display:block;
}

.brolly-month .brolly-day-cell-odd {
	background-color:#eee;
}

.brolly-month .brolly-day-cell-today {
	background-color:#FFFBCC;
}

.brolly-month .brolly-day-cell-null {
	background-color:#fff;
}

/* Day Styles */
.brolly-day .brolly-day-heading {
	background-color:#333;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}

.brolly-day .brolly-day-name {
	padding-left:0.25em;
	font-size:1.5em;
	line-height:2em;
	float:left;
	display:block;
}

.brolly-day-cell {
	padding:0.5em;
	font-size:1em;
	line-height:1.5em;
}

/* Table Styles */

	/* Generic */
	.brolly-table-calendar table {
		border-collapse:collapse;
		width:100%;
		border:1px solid #ccc;
	}
	
	.brolly-table-calendar table th,
	.brolly-table-calendar table td
	{
		border:1px solid #ccc;
		vertical-align:center;
		color:#333;
		width:14.2857142857143%;
	}
	
	.brolly-table-calendar table .brolly-day-name-heading {
		padding:0.25em;
		line-height:1.5em;
	}
	
	/* Year */
	.brolly-table-calendar .brolly-year .brolly-month {
		margin-bottom:1em;
	}
	
	/* Month */
	.brolly-table-calendar .brolly-month .brolly-day-cell {
		font-size:0.875em;
		line-height:1.14285714285714em;
		vertical-align:top;	
	}
	
	/* Day */
	.brolly-table-calendar .brolly-day .brolly-day-cell {
		padding:0.5em;
		background-color:#EEE;
	}

/* List Styles */

	/* Generic */
	
	.brolly-list-calendar .brolly-day-cell {
		padding:0.5em;
	}
	
	.brolly-list-calendar .brolly-month .brolly-day-heading {
		color:#000;
		font-weight:bold;
	}
	
	/* Year */
	
	/* Month */
	
	/* Day */
	.brolly-list-calendar .brolly-day .brolly-day-cell {
		background-color:#EEE;
	}
	

/* Clearfix */
/* For modern browsers */
.brolly-year-heading:before,
.brolly-year-heading:after,
.brolly-month-heading:before,
.brolly-month-heading:after,
.brolly-day-heading:before,
.brolly-day-heading:after,
.brolly-date-navigator:before,
.brolly-date-navigator:after {
    content:"";
    display:table;
}

.brolly-year-heading:after,
.brolly-month-heading:after,
.brolly-day-heading:after,
.brolly-date-navigator:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.brolly-year-heading,
.brolly-month-heading,
.brolly-day-heading,
.brolly-date-navigator {
    zoom:1;
}