/* -- Styles for the view of the Event module -- */

/* -- List of events -- */

#event-list {
}

#event-list li {
	padding-bottom: 15px;
}

#event-list li .details {
	float: right;
	width: 188px;
}

#event-list li .image {
	float: left;
	width: 188px;
	color: #646162;
	margin-right: 20px;
}

#event-list li .image img {
	margin-right: 8px;
	float: left;
}

#event-list li .image div {
	padding-top: 3px;
	line-height: 100%;
}

/* -- Event Detail Page -- */

#event-details {
}

#event-details .text {
	float: left;
	width: 228px;
	margin-right: 20px;
}

#event-details .text h2 {
	padding-bottom: 8px;
}

#event-details .practical {
	float: left;
	width: 148px;
}

#event-details .practical h4 {
	padding-top: 8px;
}

a.subscribe-to-event {
	background: url(../images/button-subscribe-event.gif) no-repeat top right;
	display: block;
	text-indent: -20000px;
	width: 186px;
	height: 86px;
	position: absolute;
	bottom: 24px;
}

/* -- Participate form -- */

#name, #email, #comments {
	width: 350px;
}

#comments {
	height: 300px;
}

/* -- Embedded calendar view -- */

.calendar-embedded {
	font-family: Century Gothic, Verdana, Arial;
	background: url(../images/calendar-bg.gif) no-repeat top left;
	padding: 0px 22px 0px 22px;
	height: 180px;
}

.calendar-embedded h2 {
	height: 25px;
	text-indent: -20000px;
}

.calendar-embedded h2 a {
	display: block;
	height: 32px;
}

.calendar-embedded .month {
	color: #80c02b;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	width: 135px;
	height: 18px;
}

.calendar-embedded a.month-previous {
	float: left;
	background: url(../images/calendar-month-previous.gif) no-repeat center center;
	display: block;
	width: 14px;
	height: 15px;
	text-indent: -20000px;
}

.calendar-embedded a.month-next {
	float: right;
	background: url(../images/calendar-month-next.gif) no-repeat center center;
	display: block;
	width: 14px;
	height: 15px;
	text-indent: -20000px;
}

.calendar-embedded table {
	width: 138px;
}

.calendar-embedded table th, .calendar-embedded table td {
	font-family: Century Gothic, Verdana, Arial;
	text-align: center;
	line-height: 15px;
}

.calendar-embedded table th {
	width: 20px;
	font-weight: bold;
	color: #80c02b;
	font-size: 10px;
}

.calendar-embedded table td {
	width: 19px;
	color: #80c02b;
	font-size: 9px;
}

.calendar-embedded table td.day {
}

.calendar-embedded table td.day-today {
	background: url(../images/calendar-today-bg.gif) no-repeat center center;
	color: #fff;
}

.calendar-embedded table td.day-out {
	color: #ffffff;
}

.calendar-embedded table td.day-booked {
	background: url(../images/calendar-day-booked-bg.gif) no-repeat center center;
	color: #fff;
}

/* -- Embedded Calendar View in Box (Right Area of box) -- */

.box-right .calendar-embedded {
	background: url(../images/calendar-green-bg.gif) no-repeat top left;
}

.box-right .calendar-embedded a.month-previous {
	background: url(../images/calendar-green-month-previous.gif) no-repeat center center;
}

.box-right .calendar-embedded a.month-next {
	background: url(../images/calendar-green-month-next.gif) no-repeat center center;
}

.box-right .calendar-embedded .month {
	color: #ffffff;
}

.box-right .calendar-embedded a {
	color: #ffffff;
}

.box-right .calendar-embedded table th, .box-right .calendar-embedded table td {
	color: #ffffff;
}

.box-right .calendar-embedded table td.day-out {
	color: #8cc63f;
}

.box-right .calendar-embedded table td.day-today {
	background: url(../images/calendar-green-today-bg.gif) no-repeat center center;
	color: #fff;
}

.box-right .calendar-embedded table td.day-booked {
	background: url(../images/calendar-green-day-booked-bg.gif) no-repeat center center;
}