body.stats { min-width: 760px; padding: 0; background-color: #fff; position: relative; }

.fikumas { background: url('/static/img/stats/fikumas.png') no-repeat center center; }
.fikumas { width: 658px; height: 171px; padding: 20px; position: relative; z-index: 2; }

.noah { background: url('/static/img/stats/noah.jpg') no-repeat center center; }
.noah { width: 394px; height: 634px; position: absolute; right: 10px; top: 10px; }

.stats-login-frame    { margin: 0 405px 0 0; padding-top: 100px; } 

.stats-login          { width: 300px; margin: 0 auto; }
.stats-login .button  { margin: 20px 0 0 auto; }

.stats-logout         { width: 100%; margin: 0 auto; }
.stats-logout .button { margin: 20px 0 0 auto; }


.oval-speech-border {
	position: relative;
	padding: 70px 30px;
	width: 300px;
	border: 10px solid #c81e2b;
	text-align: center;
	font-size: 24px;
	color: #333;
	background: #fff;
	-webkit-border-top-left-radius: 50% 50%;
	-webkit-border-top-right-radius: 50% 50%;
	-webkit-border-bottom-right-radius: 50% 50%;
	-webkit-border-bottom-left-radius: 50% 50%;
	-moz-border-radius: 50% / 50%;
	border-radius: 50% / 50%;
}

.oval-speech-border::before {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -24px;
	right: 13px;
	width: 50px;
	height: 50px;
	border: 10px solid #c81e2b;
	background: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: block;
}

.oval-speech-border::after {
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -50px;
	right: -32px;
	width: 25px;
	height: 25px;
	border: 10px solid #c81e2b;
	background: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: block;
}


.noah ~ .oval-speech-border { display: none; position: absolute; z-index: 3; right: 300px; top: 80px; box-shadow: 0 0 4px 4px rgba(0,0,0,0.3); }



.stats table         { min-width: 100%; border-collapse: collapse; border: none; font-size: 14px; }

.stats table tr > *  { padding: 10px 20px; font-size: 14px; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.stats table tr > th { color: #999; font-weight: normal; text-align: left; }
.stats table tr > td { color: #282828; border-top: 1px solid #e5e5e5; }
.stats table tr > *.number { text-align: right; width: 60px; }

.stats table th[data-type]:hover { background-color: #f8f8f8; cursor: pointer; }
.stats table th       > i        { display: none; color: #228dcf; margin-left: 5px; }
.stats table th.asc   > i.asc    { display: inline-block; }
.stats table th.dsc   > i.dsc    { display: inline-block; }


.stats-nav         { float: right; width: 200px; padding: 20px; position: relative; z-index: 3; }
.stats-nav .button { margin: 0 auto 20px; }

.summary-grid    { padding: 20px; margin-right: 240px; }
.summary-grid h2 { padding: 10px 20px; }

.schools-grid    { padding: 20px; margin-right: 240px; }
.schools-grid h2 { padding: 10px 20px; }

