.page-content {
	/* the page content, as opposed to the page controls */
	background-color:#fff;
}

.banner-container {
	/* main image container */
	padding: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.banner-image {
	/* the main image itself */
	width: 100%;
}

.candidates-header {
	border-bottom: 1px solid #f1f1f1;
}
/*------------------------------GLYPHICONS-------------------------------------------*/
/* Customized CSS for glyphicons in order to have the same CSS as bottstrap's icons */

.customized .glyphicons {
	color: inherit;
	top: -2px;
	padding-left: 0px;
}

.customized .glyphicons:before {
	color: inherit;
	position: relative;
	font-size: inherit;
	margin-right: 0px;
}
/*------------------------------END OF GLYPHICONS---------------------------------*/

#outdatedEventAlert {
	margin-top: 10px;
}

/*----------------------------- candidate-list -------------------------------------*/

.candidate-list {
	margin-top: 24px;
}

.candidate-list tr:hover {
	cursor: pointer;
}

.candidate-list h4 {
	margin-top: 10px;
}

.candidate-list .picture-cell {
	width: 20%;
}

.candidate-list .frp-name {
	width: 50%;
}

.candidate-list .frp-amount {
	width: 15%;
}

.candidate-list .join-button {
	width: 15%;
}

.candidate-list .picture-cell .picture-container {
	overflow: hidden; /* This is required by the 'squared-image' Angular directive */

	/* These are params to the 'squared-image' Angular directive */
	width: 60px;
	height: 60px;

	border-radius: 6px; /* Emulate the img-rounded on resized pictures */
}

.picture-container img[squared-image] {
	position: relative; /* This is required by the 'squared-image' Angular directive */
}

.candidate-list .picture-cell,
.candidate-list .frp-name,
.candidate-list .frp-amount,
.candidate-list .join-button {
	vertical-align: middle;
	border-top: none;
}

.candidate-list .alert {
	color: #3A87AD;
}

.candidate-list .already-member-alert {
	padding: 0px;
	border-top: medium none;
}

.candidate-list .already-member-alert .alert {
	margin-bottom: 8px;
}

/*------------------------- end of candidates list ----------------------------------*/

.separator {
	min-height: 400px;
	height: 100%;
	border-right: 1px solid #f1f1f1;
}

.group-details .event,
.group-details .charity {
	color: #999;
	padding: 10px;
}

.group-details .event h5,
.group-details .charity h5 {
	font-weight: 500;
}