.graduationContainer {
	position: relative;
	top: 0px;
	left: 0px;
	
	height: 50px;
	
	background: #F6F6F6;
	
	border-bottom: 1px solid #E6E6E6;
	
	cursor: pointer;
}


.graduationContainer:hover {
	background: #FFFFFF;
}

.shortGraduationList .graduationContainer.hidden {
	display: none;
}

.longGraduationList .graduationContainer.hidden {
	display: block;
}

.graduationContainer .graduationYear {
	position: absolute;
	top: 12px;
	left: 5px;
	
	font-size: 16px;
	
	color: #777777;
}

.graduationContainer .graduationSlogan {
	position: absolute;
	top: 15px;
	left: 60px;
	
	font-size: 12px;
	
	text-transform: uppercase;
	
	color: #999999;	
}

.graduationContainer .graduationNoSlogan {
	position: absolute;
	top: 14px;
	left: 60px;
	
	font-size: 12px;
	
	text-transform: uppercase;
	
	color: #CCCCCC;	
}

.graduationContainer .graduationMemberCounter {
	position: absolute;
	top: 32px;
	left: 5px;
	
	font-size: 8px;
	
	text-transform: uppercase;
	
	color: #999999;
}

.graduationContainer .graduationPhotosCounter {
	position: absolute;
	top: 32px;
	left: 130px;
	
	font-size: 8px;
	
	text-transform: uppercase;
	
	color: #999999;
}

.graduationContainer .graduationCommentsCounter {
	position: absolute;
	top: 32px;
	left: 255px;
	
	font-size: 8px;
	
	text-transform: uppercase;
	
	color: #999999;
}

.graduationContainer .graduationLink {
	position: absolute;
	top: 15px;
	right: 20px;
	
	font-size: 17px;
	
	text-transform: uppercase;
	
	color: #CCCCCC;
}

.graduationContainer .graduationLink a {
	color: #CCCCCC;
}

.noGraduationMessageContainer {
	padding: 20px;
	text-align: center;
}

.noGraduationMessageContainer img {
	margin-bottom: 20px;	
	
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);		
}

.noGraduationMessageContainer .noGraduationMessage {
	text-transform: uppercase;
	
	font-size: 11px;
	
	color: #999999;
}

.graduationsFooter {
	position: relative;
	
	height: 30px;
	background-image: url(/images/style/content/bright/headerBg.jpg);

	cursor: pointer;
}

.graduationsFooter .gradFooterLabel {
	position: absolute;
	top: 10px;
	
	width: 100%;
	
	text-transform: uppercase;
		
	font-size: 10px;
	
	color: #888888;
	
	text-align: center;
}

.graduationsFooter.hovered .gradFooterLabel {
	color: #555555;
}

.graduationsFooter .gradFooterLeftArrow {
	position: absolute;
	top: 12px;
	left: 200px;
	
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);			
}

.graduationsFooter.hovered .gradFooterLeftArrow {
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);			
}

.graduationsFooter .gradFooterRightArrow {
	position: absolute;
	top: 12px;
	right: 200px;
	
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);			
}

.graduationsFooter.hovered .gradFooterRightArrow {
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);			
}