body { background: #777777; }
body, div, img, a { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; }
input{ -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; }
div { margin: 0px; padding: 0px; }
#index { margin-top: 50px; }
div.paperpane, div#images { background: white; }
div#images img { border: none; background: white; }
body { margin: 0px; font-family: tahoma; font-size: 12px; }
#nav {
	position: absolute; top: 0px; left: 0px; width: 100%;
	height: 40px; background: url(menu/nav_bg.png) #f0f0f0;
	text-align: center;
	overflow: hidden;
}
#navi {
	height: 40px; width: 725px; margin: 0 auto;
	text-align: center;
}
#navi a {
	text-align: left; text-decoration: none; font-weight: bold;  color: white;
	padding: 0px 0px; height: 40px; display: block; float: left; overflow: hidden;
	-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
	outline:none;
}
#navi a img { border: none; vertical-align: middle; }
#navi a.disabled { cursor: default; }

div#navi.simple a { margin: 4px 10px; }
div#navi.simple a:hover { color: #aaa; }
div#navi.simple a img { margin: 0 10px; }

#navi div.pagenumber,
#navi div.pagedepartment {
	float: left; font-weight: bold; color: white; text-align: center;
	height: 40px; width: 100px; padding: 0;
	background: url(menu/grey_bg.png);
	overflow: hidden;
}
#navi div.pagedepartment { width: 150px; }
#navi div.pagedepartment div {
	float: left;  height: 40px; width: 150px;
	background: url(menu/grey_right.png) no-repeat; background-position: top right;
	overflow: hidden;
}
#navi div.pagedepartment div div { background: url(menu/grey_left.png) no-repeat; background-position: top left; }
#navi div.pagenumber span,
#navi div.pagedepartment div span { cursor: default; margin: 13px 0px; display: block; font-family: tahoma; font-size: 11px; color: white; text-transform: uppercase; }

#navi div.search {
	height: 40px; width: 150px; float: left;
	background: url(menu/find_right.png) no-repeat; background-position: top right;
}
#navi div.search div {
	height: 40px; width: 150px; float: left;
	background: url(menu/find_left.png) no-repeat; background-position: top left;
}
#navi div.search div input {
	border: none; background: transparent; font-family: tahoma; font-size: 13px; color: #444444;
	margin: 11px 0; margin-left: 5px; vertical-align: middle;
}

div.cropthumb {
	border: 1px solid black; background: white; padding: 1px;
	position: absolute; right: 0; bottom: 0;
}
div.cropthumb img { opacity: 0.5; filter:alpha(opacity=50); }
div.cropthumb div.crop { border: 1px solid black; background: white; position: absolute; }

div.sideswitch { z-index: 200px; background: grey; cursor: pointer; }
div.min { background: url(min.png) repeat-y; }
div.exp { background: url(exp.png) repeat-y; }
div.pagethumb { float: left; margin: 10px; margin-left: 15px; background: #555555; padding: 2px; position: relative; }
div.pagethumb img { margin-left: -4px; margin-top: -4px; padding: 2px; background: white; border: 1px solid #444444; }
div.pagethumb a { color: black; text-decoration: none; }
div.pagethumb a.loaded img { }
div.pagethumb a:hover img { border: 1px solid #000000; }
div.pagethumb a span { position: absolute; bottom: 5; right: 5; font-size: 14px; font-weight: bold; background: white; color: #555555; }
div.pagethumb a:hover span { position: absolute; bottom: 5; right: 5; font-size: 14px; font-weight: bold; background: white; color: black; }

h1.department { clear: both; font-size: 16px; margin: 10px 0px 0px 14px; text-transform: uppercase; color: #EEEEEE; }
div.department0 { background: #777777; float: left; width: 100%; padding-bottom: 10px; }
div.department1 { background: #666666 url(dep1_bg.png) repeat-x; float: left; width: 100%; padding-bottom: 10px; }

div.book { margin: auto; }
div.book img { border: 1px solid #888888; cursor: pointer; }
div.book div.shadow {
	background: url(bookshadow.png) repeat-y;
	background-position: top right;
}


div.searchresult,
div.deplist {
	background: #ffffff;
	border: 1px solid #555555; border-top: none;
	z-index: 300;
	overflow: auto;
	width: 180px;
}
div.searchresult h1,
div.deplist h1{
	background: #666666 url(menu/nav_bg.png) repeat-x scroll 0 -6px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:7px 15px;
	text-transform: uppercase;
	position: relative;
	cursor: default;
}
div.searchresult h1 a{
	position: absolute;
	top: 7px; right: 5px;
	font-size: 11px;
	color: white;
}
div.searchresult ul {
	list-style: none; display: block;
	margin: 0px; padding: 0px;
	overflow: auto;
	max-height: 300px;
}
div.searchresult ul li {
	list-style: none; display: block;
	margin: 0px; padding: 0px;
}
div.searchresult ul li a {
	list-style: none; display: block;
	margin: 0px; padding: 6px 20px;
	font-size: 11px; font-weight: bold; color: #333333;
	text-transform: uppercase;
}
div.searchresult ul li a:hover { background: #e6e6e6; padding-top: 5px; border-top: 1px solid #c0c0c0; }

div.deplist { width: 145px; }
div.deplist h1 { float: left; width: 100%; padding: 4px 0px; font-size: 11px; text-align: center;
background: #666666 url(menu/grey_bg.png) repeat-x scroll 0 -7px;
 }
div.deplist ul {
	list-style: none; display: block;
	margin: 0px; padding: 0px;
}
div.deplist ul li {
	list-style: none; display: block; float: left;
	margin: 0px; padding: 0px;
}
div.deplist ul li a {
	list-style: none; display: block; float: left;
	margin: 0px; padding: 5px;
	font-size: 11px; font-weight: bold; color: #333333;
	text-transform: uppercase;
	text-decoration: none;
}
div.deplist ul li a:hover { background: #afafaf; }


div.tooltip { background: white; padding: 2px; border: 1px solid #666666; }

div#nojs { margin: 100px auto; text-align: center; font-weight: bold; font-size: 14px; }

div.browservideo,
div.browserimg { background: #444444; text-align: center; padding: 10px; }
div.browservideo div.caption,
div.browserimg div.caption {
	color: white;
	padding: 5px 0px; position: absolute; bottom: 0px; left: 10px; background: #444444;
}
div.browserimg div.pagenumber,
div.browservideo div.pagenumber {
	position: absolute; top: 10px; right: 10px; padding: 3px 15px;
	font-size: 20px; color: white; font-weight: bold;
	background: #222222; opacity: 0.75;
	filter: alpha(opacity = 75);
}
div.browservideo img,
div.browserimg img { border: none; cursor: pointer; }