/***
 * Calendar CSS
 * @author: Jeremy Manoto
 */

.calendar {
	font-family: Arial, Helvetica, sans-serif;
}

.calendar h2 {
	font-family: CaslonGraphiqueEFOP;
	font-size: 32px;
	text-transform: none;
	line-height: 32px;
	margin: 0 0 8px;
}
.calendar h2 span {
	display: none;
}
/** FILTERS **/
.calendar .filters {
	padding: 15px 0 10px;
}
.calendar .filter {
	clear: both;
	margin: 5px 0;
}
.calendar .filter label { 
	text-transform: uppercase;
	display: block;
	float: left;
	width: 65px;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 10px;
	vertical-align: middle;
	top: 2px;
}
.calendar .filter .input {
	width: 130px;
	border: 1px solid transparent;
	font-weight: bold;
	font-size: 1.1em;
}

.calendar h4 {
	clear: both;
	font-size: 14px;
	margin: 0 0 5px 10px;
}
.calendar .scrollable {
	position: relative;
}
.calendar .scroll-up {
	background: transparent url('../../images/bellshakespeare/calendar-scroll-up.gif') no-repeat top left;
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #656565;
}
.calendar .scroll-down {
	background: transparent url('../../images/bellshakespeare/calendar-scroll-down.gif') no-repeat top left;
	width: 100%;
	height: 25px;
	border-top: 1px solid #656565; 
}

.calendar .scroll-content {
	height: 483px;
	overflow: hidden; 
	position: relative;
}

.calendar .label {
	vertical-align: middle;
	height: 16px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 4px 9px;
	width: 198px;
}
.calendar .label.sticky {
	position: absolute;
	top: 26px;
	left: 0px;
	z-index: 50;
}

.calendar .label {
	position: relative;
	margin-bottom: 2px;
}

/** GROUPS **/
.calendar .group {
	padding: 0 0 1px;
}

.calendar .group h5 {
	color: #000;
	font-weight: bold;
	padding: 4px 9px;
	margin: 0 0 3px;
}

.calendar .item {
	display: block;
	height: 53px;
	display: block;
	overflow: hidden;
	margin: 0 0 1px 0;
	position: relative;
}
.calendar .item .date {
	width: 60px;
	height: 45px;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	vertical-align: middle;
	padding: 8px 9px 0 0;
	text-align: right;
}
.calendar .item .date em {
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.1em;
}
.calendar .item .date span {
	position: absolute;
	left: 11px;
}
.calendar .item .details {
	width: 126px;
	height: 45px;
	padding: 9px 10px 0;
	float: left;
	color: #000;
	font-size: 1em;
}
.calendar .item .book {
	display: none;
	width: 126px;
	height: 45px;
	position: absolute;
	top: 0px;
	left: 69px;
	color: #FFF;
	text-align: right;
	padding: 8px 10px;
	font-weight: bold;
}

.calendar .item:hover .book {
	display: block;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	opacity: 1;
	text-decoration: none;
}











/*********************************************
 * COLORS
 */
.calendar.green h2 {
	color: #006A4D;
}
.calendar.green .filter .input {
	border-color: #99c3b8;
	background-color: #cce1db;
}
.calendar.green h4 {
	color: #006a4d;
}
.calendar.green .scroll-up, .calendar.green .scroll-down {
	background-color: #338871;
}
.calendar.green .body {
	background-color: #e5f0ed;
}
.calendar.green .label {
	background-color: #b2d2c9;
}
.calendar.green .scroll-wrapper .item .date {
	background-color: #cce1db;
}
.calendar.green .scroll-wrapper .item:hover .date {
	background-color: #006A4D;
	color: #FFF;
}
.calendar.green .item.closed .date {
	background-repeat: no-repeat;
}
.calendar.green .scroll-wrapper .item .book {
	background-color: #338871;
}



.calendar.red h2 {
	color: #B23838;
}
.calendar.red .filter .input {
	border-color: #DCA3AC;
	background-color: #EDD1D6;
}
.calendar.red h4 {
	color: #A71930;
}
.calendar.red .scroll-up, .calendar.red .scroll-down {
	background-color: #B94759;
}
.calendar.red .body {
	background-color: #F6E8EA;
}
.calendar.red .label {
	background-color: #E4BAC0;
}
.calendar.red .scroll-wrapper .item .date {
	background-color: #EDD1D6;
}
.calendar.red .scroll-wrapper .item:hover .date {
	background-color: #A71930;
	color: #FFF;
}
.calendar.red .scroll-wrapper .item .book {
	background-color: #B94759;
}


.calendar.mustard h2 {
	color: #B88D00;
}
.calendar.mustard .filter .input {
	border-color: #CDAF4C;
	background-color: #F1E8CC;
}
.calendar.mustard h4 {
	color: #B88D00;
}
.calendar.mustard .scroll-up, .calendar.mustard .scroll-down {
	background-color: #C6A433;
}
.calendar.mustard .body {
	background-color: #F8F3E5;
}
.calendar.mustard .label {
	background-color: #EADDB2;
}
.calendar.mustard .scroll-wrapper .item .date {
	background-color: #F1E8CC;
	color: #947100;
}
.calendar.mustard .scroll-wrapper .item:hover .date {
	background-color: #947100;
	color: #FFF;
}
.calendar.mustard .scroll-wrapper .item .book {
	background-color: #B88D00;
}




.calendar.grey h2 {
	color: #656565;
}
.calendar.grey .filter .input {
	border-color: #A3A3A3;
	background-color: #E0E0E0;
}
.calendar.grey h4 {
	color: #656565;
}
.calendar.grey .scroll-up, .calendar.grey .scroll-down {
	background-color: #848484;
}
.calendar.grey .body {
	background-color: #EFEFEF;
}
.calendar.grey .label {
	background-color: #C2C2C2;
}
.calendar.grey .scroll-wrapper .item .date {
	background-color: #E0E0E0;
	color: #525252;
}
.calendar.grey .scroll-wrapper .item:hover .date {
	background-color: #525252;
	color: #FFF;
}
.calendar.grey .scroll-wrapper .item .book {
	background-color: #848484;
}




.calendar.purple h2 {
	color: #53247F;
}
.calendar.purple .filter .input {
	border-color: #A991BF;
	background-color: #DDD3E5;
}
.calendar.purple h4 {
	color: #53247F;
}
.calendar.purple .scroll-up, .calendar.purple .scroll-down {
	background-color: #755099;
}
.calendar.purple .body {
	background-color: #EDE9F2;
}
.calendar.purple .label {
	background-color: #CBBDD8;
}
.calendar.purple .scroll-wrapper .item .date { 
	background-color: #DDD3E5;
	color: #53247F;
}
.calendar.purple .scroll-wrapper .item:hover .date {
	background-color: #53247F;
	color: #FFF;
}
.calendar.purple .scroll-wrapper .item .book {
	background-color: #755099;
}



.calendar.orange h2 {
	color: #E17000;
}
.calendar.orange .filter .input {
	border-color: #CDAF4C;
	background-color: #F9E2CC;
}
.calendar.orange h4 {
	color: #E17000;
}
.calendar.orange .scroll-up, .calendar.orange .scroll-down {
	background-color: #E78D33;
}
.calendar.orange .body {
	background-color: #F5E7D9;
}
.calendar.orange .label {
	background-color: #F3C699;
}
.calendar.orange .scroll-wrapper .item .date { 
	background-color: #EDD6BF;
	color: #8C4600;
}
.calendar.orange .scroll-wrapper .item:hover .date {
	background-color: #E17000;
	color: #FFF;
}
.calendar.orange .scroll-wrapper .item .book {
	background-color: #E78D33;
}




.calendar.red_2010 h2 {
	color: #E2151A;
}
.calendar.red_2010 .filter .input {
	border-color: #F4A3A9;
	background-color: #F8D0D1;
}
.calendar.red_2010 h4 {
	color: #E5181D;
}
.calendar.red_2010 .scroll-up, .calendar.red_2010 .scroll-down {
	background-color: #E94448;
}
.calendar.red_2010 .body {
	background-color: #FDE7E9;
}
.calendar.red_2010 .label {
	background-color: #F8B8B9;
}
.calendar.red_2010 .difr {
	color: #E7151E;
}
.calendar.red_2010 .scroll-wrapper .item .date {
	background-color: #F8D0D1;
	color: #EC1222;
}
.calendar.red_2010 .scroll-wrapper .item:hover .date {
	background-color: #E94448;
	color: #FFF;
}
.calendar.red_2010 .scroll-wrapper .item .book {
	background-color: #E94448;
}



.calendar.turquoise h2 {
	color: #0699A3;
}
.calendar.turquoise .filter .input {
	border-color: #A3D9DB;
	background-color: #CEECEC;
}
.calendar.turquoise h4 {
	color: #08959E;
}
.calendar.turquoise .scroll-up, .calendar.turquoise .scroll-down {
	background-color: #3BAEB5;
}
.calendar.turquoise .body {
	background-color: #E7F5F6;
}
.calendar.turquoise .label {
	background-color: #B5E1E4;
}
.calendar.turquoise .difr {
	color: #3BAEB5;
}
.calendar.turquoise .scroll-wrapper .item .date {
	background-color: #CEECEC;
	color: #099A9D;
}
.calendar.turquoise .scroll-wrapper .item:hover .date {
	background-color: #0999A1;
	color: #FFF;
}
.calendar.turquoise .scroll-wrapper .item .book {
	background-color: #3BAEB5;
}


.calendar.copper h2 {
	color: #D44729;
}
.calendar.copper .filter .input {
	border-color: #EFB3A8;
	background-color: #F7DAD4;
}
.calendar.copper h4 {
	color: #B22E19;
}
.calendar.copper .scroll-up, .calendar.copper .scroll-down {
	background-color: #D3462A;
}
.calendar.copper .body {
	background-color: #FBECE9;
}
.calendar.copper .label {
	background-color: #F2C7C0;
}
.calendar.copper .difr {
	color: #B12A0D;
}
.calendar.copper .scroll-wrapper .item .date {
	background-color: #F7DAD4;
	color: #B22A14;
}
.calendar.copper .scroll-wrapper .item:hover .date {
	background-color: #B1290F;
	color: #FFF;
}
.calendar.copper .scroll-wrapper .item .book {
	background-color: #D3462A;
}



.calendar.black h2 {
	color: #3F2A2F;
}
.calendar.black .filter .input {
	border-color: #B0ACAD;
	background-color: #D9D5D6;
}
.calendar.black h4 {
	color: #3E2B2F;
}
.calendar.black .scroll-up, .calendar.black .scroll-down {
	background-color: #66575A;
}
.calendar.black .body {
	background-color: #EAEAEA;
}
.calendar.black .label {
	background-color: #C6C0C0;
}
.calendar.black .difr {
	color: #3D2E31;
}
.calendar.black .scroll-wrapper .item .date {
	background-color: #D9D5D6;
	color: #3A3230;
}
.calendar.black .scroll-wrapper .item:hover .date {
	background-color: #3E2E31;
	color: #FFF;
}
.calendar.black .scroll-wrapper .item .book {
	background-color: #66575A;
}


/*********************************************
 * EDUCATION
 */
.calendar .item.education .date {
	color: #8C4600 !important;
	background-color: #EDD6BF !important;
}
.calendar .item.education:hover .date {
	background-color: #E17000 !important;
	color: #FFF !important;
}
.calendar .item.education .date span {
	color: #E17000;
}
.calendar .item.education:hover .date span {
	color: #F1E8CC;
}
.calendar .item.education .details {
	background-color: #F5E7D9 !important;
}
.calendar .item.education .book {
	background-color: #E78D33 !important;
}



/*********************************************
 * CLOSED
 */

.calendar .scroll-wrapper .item.closed .date {
 	background-color: #D6D6D6;
	color: #353535;
}
.calendar .scroll-wrapper .item.closed .details {
	background-color: #EAEAEA;
}
.calendar .item.closed .date {
	background-image: url('../../images/bellshakespeare/calendar-closed-date-off.gif');
	background-repeat: no-repeat;
}
.calendar .item.closed .details {
	background-image: url('../../images/bellshakespeare/calendar-closed-details-off.gif');
	background-repeat: no-repeat;
}
.calendar .item.closed:hover .date {
	background-image: url('../../images/bellshakespeare/calendar-closed-date.gif');
	background-repeat: repeat-x;
}
.calendar .item.closed .book {
	background-image: url('../../images/bellshakespeare/calendar-closed-details.gif');
	background-repeat: no-repeat;
}