/* Style definition of the search box */
#insearch-form{
	display: inline-block;
	position: absolute;
	z-index: 9999;
	top: 0; 
	right: 0;
	margin: 2pt; 
	padding: 4pt;
	width: auto;
	overflow: hidden;
	font-size: smaller;
	border-radius: 4pt;
	background-color: lightblue;
}
#insearch-form.lefttop{ left: 0; right: unset; }
#insearch-form.none{ display: none; }
#insearch-form input{
	border: solid 1px #666666;
	border-radius: 2pt; 
	margin: auto; 
	margin-right: 3pt; 
	padding: 2pt 4pt; 
	background-color: white; 
	transition: width 0.1s ease-out; 
}
#insearch-form.active input{
	width: 12em; 
}
#insearch-form.inactive input{
	margin: 0; 
	padding: 0; 
	width: 0; 
	border: none; 
}
#insearch-form button{
	margin: 0; 
	padding: 0; 
	border: none; 
	background-color: transparent; 
	cursor: pointer; 
}
i[class=icon-search]{ 
	display: inline-block; 
	width: 1.5em; 
	height: 1.5em; 
	text-align: center; 
	font-style: normal; 
	margin: 0; 
	background-image: url(./icon-search.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center left;
	position: relative; 
	top: 0.2em; 
} 

/* Style of the search result */
#insearch-result{
	clear: both; 
	margin: 1em auto; 
	padding: auto; 
}
#insearch-result ul{
	margin: auto 0; 
	padding: 0; 
	list-style: none; 
}
#insearch-result ul li{
	display: list-item; 
	margin: 1em 0; 
	list-style-type: none;
	list-style-position: inside; 
}
#insearch-result h3{
	margin: auto; 
	font-size: inherit; 
}
#insearch-result p{
	margin: 0; 
	font-size: smaller; 
}
#insearch-result em{
	font-style: italic; 
	font-weight: bold; 
	color: crimson; 
}

/* Style of the paging list-items */
#insearch-result ul.paging-index{ clear: both; margin: 1em auto; padding: 0.5em; list-style: none; text-align: left; }
#insearch-result ul.paging-index li{ display: inline-block; margin: 0; margin-right: 4pt; } 
#insearch-result ul.paging-index li a{ display: inline-block; min-width: 2em; padding: 2pt 6pt; border: solid 1px #333; border-radius: 2pt; cursor: pointer; font: bold 100%; font-family: "Meiryo UI", monospace; text-align: center; }
#insearch-result li.paging-index-current a{ color: white; background-color: #33f; }
#insearch-result li.paging-index-outbound a{ opacity: 0.3; }