--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/interface/css/check_sections.css	Mon Jan 19 17:13:49 2015 +0100
@@ -0,0 +1,261 @@
+body{
+	font-family:Helvetica,"Adobe 宋體";
+	font-size:18px;
+	padding:0;
+	margin:0;
+}
+#loading{
+	position:fixed;
+	z-index:2000;
+	background:rgba(0,0,0,0.5);
+	color:#fff;
+	width:100vw;
+	height:100vh;
+	padding:300px 0;
+	text-align:center;
+	vertical-align:middle;
+	font-size:20px;
+	line-height:20px;
+}
+#container{
+	padding:10px;
+}
+#searchResults{
+	margin:30px 0;
+}
+#bookContainer{
+	display:table;
+	border-collapse: collapse;
+	border-spacing:10px;
+}
+.missingPageContainer{
+	font-style:italic;
+	display:table-row;
+}
+.missingPage{
+	border:1px dashed #000;
+	width:400px;
+	text-align:center;
+	padding:10px;
+	margin:20px 0;
+}
+#bookContainer td{
+	padding:10px;
+}
+table{
+	margin-bottom:20px;
+}
+td.level1, td.level2, td.period{
+	width:70px;
+}
+div.entry{
+	display:table-row;
+	vertical-align:middle;
+	cursor:move;
+}
+div.entry .cell{
+	display:table-cell;
+}
+div.level1 .cell{
+	vertical-align:middle;
+	padding:15px 0px 5px 0px;
+}
+div.level2 .cell{
+	padding:5px 0px;
+}
+div.entry .sequence{
+	display:inline-block;
+	width:36px;
+	text-align:right;
+	padding-left:10px;
+	padding-right:10px;
+	font-size:14px;
+	margin-right:30px;
+	border-right:1px #888 solid;
+	color:#888;
+}
+div.entry .name{
+	display:inline-block;
+	width:350px;
+	margin-left:20px;
+	min-height:20px;
+}
+div.entry .page{
+	display:inline-block;
+	padding:0px;	
+}
+div.startPage{
+	display:inline-block;
+	text-align:center;
+	width:50px;
+	min-height:20px;
+}
+div.endPage{
+	display:inline-block;
+	text-align:center;
+	width:50px;
+	min-height:20px;
+}
+div.level1{
+	border-bottom:1px solid #000;
+}
+div.level2{
+}
+div.level2 .name{
+	text-indent:40px;
+}
+div.overlapper{
+	background:#F5A9A9;
+}
+div.entry .editLevel{
+	display:inline-block;
+	margin:0 5px;
+}
+div.entry .deleteEntry{
+	display:inline-block;
+	padding-right:5px;
+	position:relative;
+}
+div.deleteEntry input{
+	width:60px;
+	text-align:center;
+}
+#deleteRange{
+	position:absolute;
+	z-index:102;
+	background:#000;
+	color:#fff;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	padding:10px;
+	width:260px;
+	font-size:16px;
+	line-height:24px;
+	top:-15px;
+	left:65px
+}
+#deleteRange .deleteFrom,#deleteRange .deleteTo,#deleteRange .deleteRangeButton{
+	display:inline-block;
+}
+#deleteRange .deleteButton{
+	margin-left:10px;
+}
+div.deleted{
+	opacity:0.2;
+}
+div.page input[type="text"]{
+	width:45px;
+	height:17px;
+	text-align:center;
+}
+input{
+	margin:0;
+	padding:0;
+}
+input[type="text"]{
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	border:1px #888 solid;
+	font-size:16px;
+	font-family:inherit;
+}
+input[type="button"]{
+	font-size:20px;
+	font-family:inherit;
+}
+#panel{
+	position:fixed;
+	top:30px;
+	right:0px;
+	font-size:16px;
+	line-height:24px;
+}
+#saveBook,#configure{
+	background:#000;
+	color:#fff;
+	padding:15px;
+	-webkit-border-top-left-radius: 10px;
+	-webkit-border-bottom-left-radius: 10px;
+	-moz-border-radius-topleft: 10px;
+	-moz-border-radius-bottomleft: 10px;
+	border-top-left-radius: 10px;
+	border-bottom-left-radius: 10px;
+	vertical-align:middle;
+}
+#configure{
+	
+}
+#configure input[type="checkbox"]{
+	margin-right:5px;
+	-ms-transform: scale(1.2); /* IE */
+  	-moz-transform: scale(1.2); /* FF */
+  	-webkit-transform: scale(1.2); /* Safari and Chrome */
+  	-o-transform: scale(1.2); /* Opera */
+	position:relative;
+	top:-2px;
+	*overflow:hidden;
+}
+#saveBook{
+	margin-top:10px;
+	text-align:right;
+}
+#saveBook .label{
+	display:block;
+	text-align:left;
+	margin-bottom:10px;
+}
+#saveBook .editor{
+	display:block;
+	margin:4px 0;
+} 
+#saveBook .save{
+}
+.hovered{
+	background:#ddd !important;
+}
+div.entry .insert{
+	display:inline-block;
+	color:#fff;
+	text-align:center;
+	vertical-align:center;
+	position:relative;
+}
+.insertIcon{
+	display:inline-block;
+	margin: auto 5px;
+	background:#444;
+	padding:5px 7px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	cursor:pointer;
+	font-size:16px;
+	line-height:16px;
+}
+.insertOption{
+	position:absolute;
+	left:33px;
+	width:190px;
+	top:-15px;
+	text-align:left;
+	background:#000;
+	color:#fff;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	padding:10px;
+	font-size:16px;
+	line-height:24px;
+}
+.insertBefore{
+	text-align:center;
+	display:inline-block;
+	cursor:pointer;
+}
+.insertAfter{
+	text-align:center;
+	display:inline-block;
+	margin-left:5px;
+}