@charset "utf-8";
ul.bulletlist {
	list-style-image: url('../img/arrow.gif');
	list-style-position: outside;
	vertical-align: baseline;
}
ul.bulletlist li:hover { list-style-image: url('../img/arrow-h.gif'); }
li.article { margin: 0 0 40px 0; }
li.article ul li { margin: 0; padding: 3px 0; }
ul.bulletlist li { margin: 5px 0 5px 20px !important; }
ul.taglist li {
	display: inline;
	border: 1px dotted #7BB3D1;
	background: #ECF8FE;
	padding: 2px 4px;
	margin: 0 5px 5px 0;
	border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.taglist li:hover {
	border: 1px solid #046AA3;
	background: #046AA3;
	color: #FFF;
	box-shadow: 1px 1px 3px #046AA3;
	-moz-box-shadow: 1px 1px 3px #046AA3;
	-webkit-box-shadow: 1px 1px 3px #046AA3;
}
.books { margin: 30px 0; }
li.book {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #DCDCDC;
}
li.book:last-child { border-bottom: none; margin-bottom: 30px; padding-bottom: 0; }
li.book .image { margin: 0 10px 10px 0; float: left; }
li.book img {
	border: 1px solid #DCDCDC;
	box-shadow: 3px 3px 5px #696969;
	-moz-box-shadow: 3px 3px 5px #696969;
	-webkit-box-shadow: 3px 3px 5px #696969;
}
li.book .data { margin-left: 140px; }
li.book h4 {
	color: #2A2A2A;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0;
	margin-bottom: 5px;
}
li.book h5 {
	font-size: 1em;
	font-weight: normal;
	color: #696969;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #046AA3;
}
ul.authors li {
	display: inline;
	float: left;
	margin: 0 3px 3px 0;
	padding: 1px 3px;
}
ul.info li {
	width: 47%;
	float: left;
	display: inline;
	line-height: 1.4em;
}
div.info {
	padding: 5px;
	border: 1px solid #BCE6FB;
	color: #444;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.info:hover {
	background: #F7FCFF;
	box-shadow: 0 0 5px #BCE6FB;
	-moz-box-shadow: 0 0 5px #BCE6FB;
	-webkit-box-shadow: 0 0 5px #BCE6FB;
}
div.info ul li:hover { color: #000; }
.cleft { clear: left; }
#itemlist {
	margin: 30px 0 !important;
	padding: 20px 0 0 0 !important;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#itemlist .book .data { margin-left: 60px; }
#itemlist .data h5 {
	color: #4A4A4A;
	font-weight: bold;
	border-bottom: 1px solid #888;
	text-shadow: 1px 1px 2px #FFF;
}
#itemlist li.book {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #F5F5F5;
}
#itemlist li.book:last-child { border-bottom: none; }
span.add {
	display: table;
	margin: 0 0 10px 0;
	position: relative;
	x-right: -27.5em;
	padding: 3px 5px;
	border: 1px solid #A30452 !important;
	background: #FEECF6;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
span.add:hover {
	border: 1px solid #59032D !important;
	background: #EB87C2;
	box-shadow: 0 0 4px #A30452;
	-moz-box-shadow: 0 0 4px #A30452;
	-webkit-box-shadow: 0 0 4px #A30452;
}
span.add:active {
	border: 1px solid #EB87C2 !important;
	background: #EB87C2;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/* ------ */
a.pdf { background: url("../img/pdf.png") no-repeat left top !important; padding-left: 20px; }
a.pps { background: url("../img/pps.png") no-repeat left top !important; padding-left: 20px; }
a.app { background: url("../img/app.png") no-repeat left top !important; padding-left: 20px; }
a.jpg { background: url("../img/jpg.png") no-repeat left top !important; padding-left: 20px; }
a.mp3 { background: url("../img/mp3.png") no-repeat left top !important; padding-left: 20px; }
a.ggb { background: url("../img/ggb.png") no-repeat left top !important; padding-left: 20px; }
a.jqz { background: url("../img/jqz.png") no-repeat left top !important; padding-left: 20px; }
a.doc { background: url("../img/doc.png") no-repeat left top !important; padding-left: 20px; }
a.html { background: url("../img/link.png") no-repeat left top !important; padding-left: 20px; }
a.help { background: url("../img/help.png") no-repeat left top !important; padding-left: 20px; }
a.misc { background: url("../img/misc.png") no-repeat left top !important; padding-left: 20px; }
a.folder { background: url("../img/folder.png") no-repeat left top !important; padding-left: 20px; }
a.locked { background: url("../img/lock.png") no-repeat left top !important; padding-left: 20px; }
a.missing { background: url("../img/missing.png") no-repeat left top !important; padding-left: 20px; }
a.num0 { background: url("../img/num0.png") no-repeat left top !important; padding-left: 20px; }
a.num1 { background: url("../img/num1.png") no-repeat left top !important; padding-left: 20px; }
a.num2 { background: url("../img/num2.png") no-repeat left top !important; padding-left: 20px; }
a.num3 { background: url("../img/num3.png") no-repeat left top !important; padding-left: 20px; }
a.num4 { background: url("../img/num4.png") no-repeat left top !important; padding-left: 20px; }
a.num5 { background: url("../img/num5.png") no-repeat left top !important; padding-left: 20px; }
a.num6 { background: url("../img/num6.png") no-repeat left top !important; padding-left: 20px; }
a.num7 { background: url("../img/num7.png") no-repeat left top !important; padding-left: 20px; }
a.num8 { background: url("../img/num8.png") no-repeat left top !important; padding-left: 20px; }
a.num9 { background: url("../img/num9.png") no-repeat left top !important; padding-left: 20px; }

#mainmenu a.num0, #mainmenu a.num1, #mainmenu a.num2, #mainmenu a.num3, #mainmenu a.num4,
#mainmenu a.num5, #mainmenu a.num6, #mainmenu a.num7, #mainmenu a.num8, #mainmenu a.num9 { background-position: left 3px !important; }
#submenu a.misc { background-position: left 1px !important; }

#content p.about { text-align: justify; margin-bottom: 15px; }
ul.items ul { line-height: 1.5em; margin: 10px 10px 10px 0; }
ul.items li ul { line-height: 1.5em; margin: 2px 0 2px 15px; }
ul.items ul.tree { line-height: 1.5em; }
ul.items ul.tree ul { line-height: 1.5em; }

ul.items ul.tree li ul li { background: url('../img/branch-t.gif') no-repeat left top; padding-left: 9px; }
ul.items ul.tree li ul li:last-child { background: url('../img/branch-l.gif') no-repeat left top; margin-bottom: 0px; }
.grey, .gray { color: #888; }
.notice { font-style: italic; font-size: 0.85em; color: #AAA; }
.pi {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
}
.index {
	font-weight: bold;
	border-bottom: 1px dotted #AAA;
}
ul.gallery li {
	display: inline;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 10px 10px 0 !important;
	padding: 10px !important;
	border: 1px solid #DCDCDC;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
}
ul.gallery li:hover { border: 1px solid #AAA; background: #EBEBEB; }
ul.gallery li a:link, ul.gallery li a:visited { background: none !important; border: none !important; }
ul.gallery li img {
	margin: 0 auto;
	padding: 2px;
	border: 1px solid #EEE;
	background: #FFF;
}
ul.gallery li span {
	position: absolute;
	bottom: -50px;
	left: 0;
	padding: 5px 0;
	width: 100%;
	background: #CCC;
	background: rgba(110, 110, 110, 0.7);
	color: #000;
	text-align: center;
	font-size: 0.85em;
}
ul.gallery li:hover span { bottom: 0; }
ul.gallery {
	display: block;
	margin-top: 20px;
	padding-top: 10px;
	clear: both;
}
h4.gallery {
	display: block;
	margin: 10px 0 0 15px;
	padding: 20px 0 5px;
	clear: both;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #BBB;
	border-bottom: 1px dotted #999;
}
h4.gallery.first { margin-top: 0; padding-top: 10px; }
strong.mplus {
	background: #672164;
	background: -moz-linear-gradient(0% 100% 90deg, #672164, #C43276);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C43276), to(#672164));
	color: #FFF;
	padding: 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}