Responsive design;

New menus (members);
Improved interface for parent editing;

_css/default.css

@@ -0,0 +1,157 @@
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-family: Arial;
+}
+
+html {
+	
+}
+body {
+	margin: 0px;
+	min-height: 100%;
+	background-color: #aaaaaa;
+}
+
+#pageContainer {
+	margin: 0px;
+	padding: 0px;
+	position: relative;
+	min-height: 100vh;
+	height: 100vh;
+}
+
+main {
+	width: 100%;
+	background-color: #aaaaaa;
+	min-height: 100vh;
+}
+
+main #main_content {
+	width: 100%;
+	min-height: 100vh;
+	background-color: #fff;
+	padding: 30px 10px 10px 10px;
+
+	webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
+	-moz-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
+	box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.75);
+
+}
+
+a:link {
+	text-decoration: none;
+}
+a:hover {
+	text-decoration: underline;
+}
+td.create {
+	padding: 15px 0px;
+}
+td.create a {
+	line-height: 18px;
+	font-size: 18px;
+}
+.list .name_tag {
+
+	text-align: left;
+	padding: 10px 0px 10px 10px;
+	margin: 5px;
+	background-color: #e2edff;
+	cursor: pointer;
+
+	vertical-align: middle;
+	width: 100%;
+	font-size: 18px;
+	font-family: Arial;
+	border-left: 2px solid #000;
+
+
+}
+.name_tag_checked {
+	width: 100%;
+	text-align: left;
+	padding: 10px 0px 10px 10px;
+	margin: 5px;
+	background-color: #1eea0b;
+	cursor: pointer;
+	border-left: 2px solid #000;
+
+}
+
+.list {
+	clear: both;
+}
+
+.list .list_item {
+	margin: 4px 0px;
+	vertical-align: middle;
+	width: 100%;
+	padding: 5px;
+	background-color: #e6e6e6;
+	font-size: 18px;
+	font-family: Arial;
+	border-left: 2px solid #aaa;
+}
+
+.list .list_item:hover {
+	background-color: #B7B7B7;
+	border-left: 2px solid #000;
+}
+
+.list .list_item img, .list .name_tag img, .list .name_tag_checked img {
+	width: 20px;
+	height: 20px;
+	float: left;
+	margin-right: 5px;
+}
+
+.list a {
+	color: #473C3C;
+	font-family: Arial;
+	font-weight: bold;
+}
+
+.list a:hover {
+	text-decoration: none;
+}
+
+.list .date_separator {
+	font-size: 20px;
+	width: 100%;
+	display: inline-block;
+	font-weight: bold;
+	background-color: #333;
+	color: #f2f2f2;
+	padding: 3px 0px 2px 5px;
+	margin-bottom: 5px;
+}
+
+.list_item label {
+	font-weight: bold;
+}
+
+
+@media (min-width: 680px) {
+
+main #main_content {
+	width: 80%;
+	margin: 0px auto;
+}
+
+.list .list_item, .list .name_tag, .list .name_tag_checked {
+	width: 40%;
+}
+
+.list_item label {
+	float: left;
+	padding-right: 5px;
+
+}
+
+.list .date_separator {
+	width: 40%;
+}
+
+}