@charset "utf-8";
/* CSS Document */

body {
		font-family: arial, verdana, tahoma;
		font-size:1em;
		background-color:#EEE;
		margin:0;
		padding:0;
}

.clearall {display:block;clear:both;}

#login_error{
                font-size: 14px;
                color:#ff0000;
                text-align: center;
                padding: 10px 0 0 0;
}

#loginform {
			float:left;
			display:block;
			width:320px;
			/*height:200px;*/
			position:absolute;
			left:50%;
			top:50%;
			margin:-90px 0 0 -160px;
			padding:20px;
			border:solid 1px #ccc;
			background-color:#FFF;
}
#adminform {
			float:left;
			display:block;
			width:93%;
			margin:20px;
			padding:20px;
			border:solid 1px #ccc;
			background-color:#FFF;
}

#loginform label{
                width:88px;
                display: block;
                float: left;
}

#loginform .username,#loginform .password,#loginform .loginhere ,#loginform .loginbut, #loginform #pass {
			/*float:left;*/
			margin-top:10px;
}
#loginform .username, #loginform #user{
			margin-top:20px;
}
#loginform .password {
			/*clear:left;*/
}
#loginform input {
                float: left;
			width:226px;
}
#loginform .loginbut {
                float: right;
}
#loginform .loginbut input{
			width:60px;
			margin-left:80px;
}

#topmenu {float:right;display;block;list-style-type:none;}
#topmenu li {float:right;display;block;margin-left:10px;padding-left:10px;}



#adminform .student {
			float:left;
			display:block;
			width:390px;
			height:200px;
			position:relative;
			margin:10px 10px 0 0;
			padding:20px;
			border:solid 1px #ccc;
			background-color:#FFF;
			font-size:0.8em;
}
#adminform .studentlarge {
			float:left;
			/*display:block;*/
			width:420px;
			position:relative;
			margin:10px 10px 0 0;
			padding:20px;
			border-right:dotted 1px #ccc;
			background-color:#FFF;
			font-size:0.8em;
}


#adminform .studentimg {
			float:right;
			margin:0 0 10px 10px;
}
#adminform .studentimg img {
			width:120px;
}

.studentimgs img {
			width:240px;
			float:right;
			margin:0 0 10px 10px
}

#adminform .item, #adminform .name {
			float:left;
			clear:left;
			margin-bottom:2px;
}
#adminform .name {
			font-size:1.2em;
			margin-bottom:10px;
}
#adminform .loginbut {
			float:right;
}
#adminform #filters {
			display:block;
			width:100%;
			padding:5px;
			background-color:#ccc;
			font-size:0.8em;
}
#adminform #views {
			display:block;
			width:100%;
			padding:5px;
			background-color:#e2e2e2;
			font-size:0.8em;
}
#adminform #filtersapplied {
			display:block;
			width:100%;
			padding:5px;
			background-color:#dcdcdc;
			font-size:0.8em;
}
#adminform #thepages {
			display:block;
			width:100%;
			padding:5px;
			background-color:#efefef;
			font-size:0.8em;
}
#adminform .filter {display:block;float:left;margin-right:10px;}
#adminform .filterbreak {display:block;width:20px;float:left;padding-left:10px;}
#adminform #filter_student_name {padding-top:10px;}
#adminform #student_name {width:200px;}

#adminform #paging {float:right;display:block;}
#adminform #clearfilters {float:right;display:block;}
#adminform .clearfilter {float:right;display:block;}

#adminform .itemname {margin:0 0 5px 0;float:left;display:block;clear:left;font-weight:bold;font-size:1.2em;color:#CC0000;}
#adminform .itemtitle {margin:20px 0 5px 0;float:left;display:block;clear:left;font-weight:bold;font-size:1.2em;}


#adminform .eventtracker {
			float:left;
			display:block;
			width:420px;
			position:relative;
			margin:0px 10px 0 0;
			padding:20px;
			background-color:#FFF;
			font-size:0.8em;
}

#adminform .eventtracker input,
#adminform .eventtracker select {margin-left:0; }

#adminform .title-event {margin:10px 0 0px 0;display:block;clear:left;font-weight:bold;font-size:1.2em;color:#CC0000;}
#adminform .title-notes {padding:20px 0 0px 0;display:block;clear:left;font-weight:bold;font-size:1.2em;color:#CC0000; }

#adminform .event {float:left; display:block;width:100%;	margin:2px 0; padding:0;	margin-bottom:2px;	}
			
#adminform .eventtxt {margin:15px 0 10px 0; float:left; display:block; width:100%; }
#adminform .previous-events {display:block;width:550px;float:left;height:200px;overflow:auto;}
#adminform table.events_table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #efefef;
	border-collapse: collapse;
	background-color: white;
	margin:0;
	padding:0;
	width:100%;
}

#adminform table .event-date{
	width:100px;
    background-color: #DDD;
}

#adminform table .event-type{
	width:250px;
    background-color: #DDD;
}

#adminform .event-note{
	width:460px;
    background-color: #DDD;
}

#adminform .event-del{
	width:60px;
    background-color: #DDD;
}

#adminform .studentimg-wrap {
			float:right;
			display:block;
			width:300px;
			position:relative;
			margin:10px 10px 0 0;
			padding:20px;
			background-color:#FFF;
			font-size:0.8em;
}

#adminform tr td {
	border-bottom-width: 1px;
	border-bottom-style: outset;
	border-bottom-color: #efefef;
	border-bottom-collapse: collapse;
}
#adminform .button {display:block;float:left;margin-left:100px;}
br.c {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 5;
}


#dev-banner {
  background-color: #a11;
  font-size: 32px;
  padding: 15px;
  color: #FFF;
}

#dev-banner a {
	font-weight: bold;
	color: #FFF;
}