@import url('https://fonts.googleapis.com/css?family=Lora|Roboto+Condensed');

*
{
 font-family: 'Roboto Condensed', sans-serif;
}

body
{
 padding:20px;
 margin:0;
 padding-top:10px;
}

.clear
{
 clear:both;
}

h1
{
 margin:0;
 margin-bottom:5px;
 text-align:center;
}

.filterForm
{
 border:solid 2px #000;
 padding:20px;
 margin-bottom:20px;
 box-shadow:3px 3px 3px #000;
 text-align:center;
}

.filterForm fieldset
{
 border:0;
 padding:0;
 border:0;
}

.filterForm fieldset legend
{
 display:none;
}

.filterForm fieldset label
{
 display:inline-block;
 margin-right:30px;
 text-align:left;
}

.filterForm fieldset label span
{
 display:block;
 font-size:12px;
 text-transform:uppercase;
 margin-bottom:3px;
}

.filterForm fieldset label select, .filterForm fieldset label input
{
 box-sizing:border-box;
 height:30px;
 padding:5px;
}

.filterForm fieldset label input
{
 width:120px;
}

.filterForm fieldset label input.date
{
 width:225px;
}

.filterForm fieldset input.submit
{
 display:inline-block;
 border-radius:50%;
 height:40px;
 width:40px;
 border:0;
 background:#ddd;
 text-transform:uppercase;
 cursor:pointer;
 vertical-align:bottom;
}

#schoolSubInfo
{
 background:#eee;
 border:solid 2px #666;
 box-shadow:3px 3px 3px #000;
 padding:20px;
 float:right;
 width:30%;
 margin-bottom:20px;
}

#schoolSubInfo h3
{
 margin:0;
 margin-bottom:10px;
 text-align:center;
 text-transform:uppercase;
 border-bottom:solid 2px #000;
 display:block;
 padding:10px;
 padding-top:0;
 width:200px;
 margin-bottom:25px;
 margin-left:auto;
 margin-right:auto;
}

.chartContainer
{
 width:100%;
 margin-top:40px;
 text-align:center;
}

#chart0c
{
 margin-top:0;
}

.chartContainer p.bigNumber
{
 width:50%;
 float:left;
 text-align:center;
 font-size:13px;
 text-transform:uppercase;
}

.chartContainer p.bigNumber span
{
 display:block;
 font-size:50px;
 font-family: 'Lora', serif;
}

#schoolSubInfo p.bottomInfo
{
 font-size:11px;
 text-align:center;
 margin:0;
 padding-top:20px;
}

#statsPages
{
 width:100%;
}

#statsPages.withSidebar
{
 width:62%;
 float:left;
}

#statsPages table
{
 width:100%;
 border-collapse:collapse;
}

#statsPages table tr td, #statsPages table tr th
{
 padding:5px;
 border:solid 1px #ddd;
 font-size:13px;
}

#statsPages.withSidebar table tr td, #statsPages table tr th
{
 font-size:12px;
}

#statsPages table tr th
{
 text-align:left;
 font-size:13px;
}

#statsPages table tr td.popularityGuage
{
 width:200px;
 border-right:0;
}

#statsPages table tr td.popularityPercent
{
 width:60px;
 text-align:center;
 border-left:0;
}

#statsPages table tr td a
{
 color:#000;
 text-decoration:none;
}

#statsPages table tr td a:hover
{
 text-decoration:underline;
}

#statsPages table tr td .pagePopularity
{
 display:block;
 height:10px;
 background:#5C51A5;
}

p.warning
{
 background:#F24174;
 padding:10px;
 font-size:13px;
 color:#fff;
 margin-bottom:10px;
}

form.login
{
 width:500px;
 padding:10px;
 margin:0;
 margin-left:auto;
 margin-right:auto;
 border:solid 1px #ddd;
 box-shadow:3px 3px 3px #000;
 background:#eee;
 margin-top:20px;
}

form.login fieldset
{
 padding:0;
 margin:0;
 border:0;
}

form.login fieldset legend
{
 text-align:center;
 margin-bottom:10px;
 font-weight:bold;
}

form.login fieldset label
{
 display:block;
 text-align:center;
}

form.login fieldset label input
{
 display:block;
 padding:10px;
 border:solid 1px #ccc;
 width:100%;
 box-sizing:border-box;
 text-align:center;
}

form.login input.submit
{
 width:300px;
 margin-left:auto;
 margin-right:auto;
 display:block;
 padding:10px;
 background:#5C51A5;
 color:#fff;
 text-transform:uppercase;
 margin-top:10px;
 font-size:16px;
}