
/*------CALENDAR CONTROL EVENTS LIST------*/

#ControlAgendaBox {
	margin-top: 20px;
}
	#ControlAgendaBox a {
		display: block;
		text-decoration: none;
	}

	#ControlAgendaBox a:hover .event{
		background-color: #de176a;
		color: white;
		display: block;
		height: 16px;
	}

	#ControlAgendaBox .smallDate {
		margin-bottom: 5px;
	}

		
		#ControlAgendaBox a:hover .smallDate {
			color: #de176a;
		}

	#ControlAgendaBox .eventDay{
		display: block;
		width: 14px;
		height: 15px;

		color: white;
		letter-spacing: -1px;
		font-size: 10px;
		background-color: #de176a;
		float: left;

		padding-top: 1px;
		padding-right: 1px;
		text-align: center;
	}

	#ControlAgendaBox .eventTitle {
		margin: 0px;
		padding: 0px;

		display: block;
		float: left;
	}

	#ControlAgendaBox .eventTitle h2{
		display: block;
		width: 163px;
		padding-left: 5px;
		margin: 0px;

		font-size: 11px;
	}

		#ControlAgendaBox a:hover .event h2 {
			color: white;
		}

	#ControlAgendaBox .agendaSeparator {
		width: 184px;
		height: 1px;
		display: block;
		background-color: #d7d3ca;
		margin-top: 10px;
		margin-bottom: 10px;
	}

#ControlAgendaBox hr {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*------CALENDAR SUBSCRIBE PANEL------*/

#subscribePanel{
	padding:20px;
	line-height:20px;
}

	.ControlSubscribeForm{
	
	}


/*------CALENDAR CATEGORIES------*/

#calendarCategories{
}

	#calendarCategories	A{
		font-size:12px;
		padding:3px;
		display:block;
		border:1px dotted #EFEFEF;
		margin-bottom:5px;
		cursor:pointer;
	}

		#calendarCategories	A:hover{
			color:white;
			background-color:#BCE5F9;
		}

/*------CALENDAR EVENT------*/

#calendarEvent{
}


	#calendarEvent .calendarItem{
		padding: 10px;
		border: 2px solid #fbfaf6;
		background-color: #e5e3d7;
		cursor: pointer;
	}

		#calendarEvent .calendarItem:hover{
			border: 2px solid #de176a;
			background-color: #fcfbf3;
		}

		.mainGreen #calendarEvent .calendarItem:hover{
			border-color: #95c72a;
		}

	.rounded {
		outline: none;
		border: none;
		text-decoration: none;
		cursor: pointer;
		white-space: nowrap;
		/*vertical-align: middle; /* or top */
		display: -moz-inline-box;
		display: inline-block;
		overflow: visible; /* IE6 form button fix */ 
	}

	#calendarEvent .calendarItem .date {
		padding: 1px 3px 1px 3px;
		margin-right: 3px;

		float: left;
		margin-top: -10px;
		margin-bottom: 10px;

		background-color: #de176a;
		
		font-size: 10px;
		color: #ffffff;
		text-align: center;

		background: #de176a;
	}

	.mainGreen #calendarEvent .calendarItem .date {
		background: #95c72a;
	}

	#calendarEvent .calendarItem .time {
		padding: 1px 3px 1px 3px;

		float: left;
		margin-top: -10px;
		margin-bottom: 10px;

		background-color: #ffb504;
		
		font-size: 10px;
		color: #ffffff;
		text-align: center;
	}

	#calendarEvent .calendarItem .event{

	}

		#calendarEvent .calendarItem .event h3{
			margin-top: 0px;
		}

	#calendarEvent .calendarItem .readMore {
		display: none;	
	}

		#calendarEvent .calendarItem .readMore a:hover{
			
		}

#calendarEvent .separator{
	display: block;
	clear:both;
	margin-bottom:10px;
}


/*------VIEW EVENT------*/

#viewEvent{

}

#viewEvent .date {		
	display: block;
	width: 175px;
	height: 17px;
	padding-top: 3px;
	margin-right: 5px;

	position: relative;
	/*margin-top: -20px;*/
	margin-bottom: 10px;

	float: left;
	
	font-size: 10px;
	color: #ffffff;
	text-align: center;

	background-color: #de176a;
}

.mainGreen #viewEvent .date {
	background-color: #95c72a;
}

	#viewEvent h1{
		display: block;
		width: 520px;

		float: left;
	}

	#viewEvent .tools {
		display: block;
		width: 16px;
		height: 25px;
		margin-top: 6px;

		float: right;
	}
	
	#viewEvent .btnSubscribe{
		width:60px;
		height:16px;
		display:block;
		cursor:pointer;
		padding-left:28px;
		padding-top:8px;
		font-size:14px;
		color:#4194C6;
		text-align:right;
		background:url('images/ico-subscribe.gif') 0px 0px no-repeat;
	}

		#viewEvent .btnSubscribe:hover{
			height:15px;
			border-bottom:1px solid #4194C6
		}