/*----------------------*/
	/*-----Row expander-----*/
	/*----------------------*/

/*General styles*/

.main-row, .details-row {
	cursor: pointer;
}

.details-row {
	background: linear-gradient(to top, #294b3e 0%, #69a28c 100%);
}
.inner-detail-row {
	margin-right: 0;
	margin-left: 0;
}
.details-row > .details-cell {
	border-top: none;
	padding: 0;
}
.details-cell .details-container {	/*Wrapper container to animate*/
	padding: 0;
}

.detail-part {
	padding: 10px;
	font-size: 125%;
}

.detail-part.detail-padding-fix {	/*To vertically align with panel bodies*/
	padding-top: 16px;
	padding-bottom: 26px;
}
.detail-part.detail-padding-fix-2 {	/*To bring panels up*/
	padding-top: 0px;
}
.detail-part.detail-padding-fix-3 {	/*To vertically align with beatmap thumbnails*/
	padding-top: 22px;
	padding-bottom: 22px;
}


/*Specific Styles*/

	/*Sections*/

	.perform-col {
		padding-right: 10px;
		padding-left: 10px;
	}
	.perform-details {
		background-color: #3d554c;
		margin-bottom: 0;
	}
	.perform-aim tr td:nth-child(1), .perform-speed tr td:nth-child(1), .perform-acc tr td:nth-child(1), .perform-total tr td:nth-child(1) {
		width: 100px;
	}
	.perform-total tr td {
		text-align: center;
	}
	.perform-total tr td:first-child {
		padding-right: 5px;
	}
	.perform-aim {
		text-shadow: 0 0 20px #00c4ff;
	}
	.perform-speed {
		text-shadow: 0 0 20px #ff0000;
	}
	.perform-acc {
		text-shadow: 0 0 20px #00ff08;
	}
	.perform-total {
		text-shadow: 0 0 20px #000000;
	}
	table.perform-total {
		width: 100%;
		margin-top: 50px;
		font-size: 20px;
	}


	/*Single elements*/
	
	.detail-avatar {
		position: relative;
		border: 2px solid #ffffff;
		left: 35%;
		border-radius: 3px;
		height: 100px;
	}
	.detail-beatmap-thumb {
		border: 2px solid #ffffff;
		border-radius: 3px;
	}
	.detail-letter-rank {
		/*height: 100px;*/
		/*min-width: 77px;*/
	}
	.hitcount {		/*First col of hitcount*/
		width: 80px;
	}
	.extra-details {	/*First col of extras (mods, acc, combo)*/
		width: 100px;
	}
	.arcsod {
		width: 35px;
	}


/*Other*/

#main {	/*For initialising page main as hidden so js can initialise before displayed. Fixes detail rows needing to retract on page load*/
	display: none;
}

.static-row:hover {	/*For rankings that dont have enough info the a detailed section*/
	background-color: #69a28c;
}