body { margin-left: 0; margin-top: 0; margin-width: 0; margin-height: 0; margin-right:0; margin-bottom:0; color:#000; font-size:12px; }
label { display: inline-block; width: 100px; }
.wrapper { border: 2px solid #eee; border-radius: 15px; padding: 10px; display: block; width: 1000px; height: 650px; margin:auto auto; }
.topmenu { clear: both; display: block; width: 1000px; }
.contentarea { display: block; clear: both; margin-top: 20px; }
.topmenu a { margin-right: 20px; }
.dragschoolclass { cursor: pointer; }
.dropable { min-height: 40px; }
.schoolspan { cursor: pointer; margin-left: 10px; }
#spinner { display: none; width:100px; height: 100px; position: fixed; top: 50%; left: 50%; background: url('/images/spinner.gif') no-repeat center; margin-left: -50px; margin-top: -50px; z-index:99; overflow: auto; }
#maintainschools { margin-top: 30px; display: inline-block; }
#accessform label{ width: 200px; }
#schoolclassesedit,
#accessform { vertical-align: top; width: 400px; display: inline-block; float: left; }
#schoolclassesedit { margin-top: -10px; width: 400px; }
#schoolclassesedit label { margin-left: 20px; vertical-align: top; }
#schoolinfo,
.expireddemocollection { border: 1px solid black; margin-bottom: 10px; }
.infocollection { margin-bottom: 10px; font-size: 12px; }
.infocollection .info,
.expiredinfocollection .info { display: inline-block; width: 100px; font-weight: bold; }
.usage { float:right; font-weight:bold; margin:5px; cursor:pointer; }
#totallogins,
#uniquelogins { font-weight:bold;margin-top:10px; }
.logentry,
.statisticscontainer {margin-top:10px;}
.logentry { display: inline-block; }
.day { font-weight: bold;} 
.left { float: left; }
.user { width: 300px; }

#statisticscontrols { padding: 10px; }
#statisticscontrols label { width: 100px;}
#statisticscontrols button { margin-left: 10px; }
.result .website,
.result .numberoflogins { width: 250px; display: inline-block; }