body {
	position:absolute;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top:0px;
	left:0px;
	//right:0px;
	overflow:auto;	
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 40%,rgb(100,100,100) 60%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 40%,rgb(100,100,100) 60%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 40%,rgb(100,100,100) 60%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 40%,rgb(100,100,100) 60%,rgb(0,0,0) 100%);
	//background-image:url('../Pictures/Library4.jpg');
	//background-repeat:no-repeat;
}
.placeHolder {
	position:relative;
	display:block;
	color:rgba(255,255,255,0.6);
}
.generalPictureView {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	background:rgba(0,0,0,0.6);
	z-index:1000;
	overflow:hidden;
	color:white;
	font: 13px/100% Verdana, Tahoma, sans-serif;
}
.ViewLeftButton{
	position:absolute;
	z-index:1000;
	top:50px;
	left:50px;
	height:50px;
	width:50px;
	opacity:0.7;
}
.ViewRightButton{
	position:absolute;
	z-index:1000;
	top:50px;
	left:150px;
	height:50px;
	width:50px;
	opacity:0.7;
}
.ViewLeftButton:hover{
	position:absolute;
	z-index:1000;
	top:50px;
	left:50px;
	height:50px;
	width:50px;
	cursor:pointer;
	opacity:1;
	border-radius:10px;
	background:radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-ms-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-moz-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-webkit-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
}
.ViewRightButton:hover{
	position:absolute;
	z-index:1000;
	top:50px;
	left:150px;
	height:50px;
	width:50px;
	cursor:pointer;
	opacity:1;
	border-radius:10px;
	background:radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-ms-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-moz-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-webkit-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
}
.ScrollBodyUpButton{
	position:fixed;
	top:50%;
	left:50px;
	height:50px;
	width:50px;
	opacity:0.7;
}
.ScrollBodyUpButton:hover{
	position:fixed;
	top:50%;
	left:50px;
	height:50px;
	width:50px;
	cursor:pointer;
	opacity:1;
	border-radius:10px;
	background:radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-ms-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-moz-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-webkit-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
}
.ScrollBodyDownButton{
	position:fixed;
	top:50%;
	left:50px;
	height:50px;
	width:50px;
	cursor:pointer;
	opacity:0.7;
}
.ScrollBodyDownButton:hover{
	position:fixed;
	top:50%;
	left:50px;
	height:50px;
	width:50px;
	opacity:1;
	border-radius:10px;
	background:radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-ms-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-moz-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
	background:-webkit-radial-gradient(ellipse,rgba(200,200,200,0.8),rgba(0,0,0,0.05));
}
.highlightPicture {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	margin-bottom:10px;
}
.highlightPicture:hover{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	cursor:pointer;
	margin-bottom:10px;
	background:radial-gradient(ellipse,rgba(200,200,0,0.2),rgba(200,200,200,0.1));
	background:-ms-radial-gradient(ellipse,rgba(200,200,0,0.2),rgba(200,200,200,0.1));
	background:-moz-radial-gradient(ellipse,rgba(200,200,0,0.2),rgba(200,200,200,0.1));
	background:-webkit-radial-gradient(ellipse,rgba(200,200,0,0.2),rgba(200,200,200,0.1));
}
.tooltip{
	z-index:1000;
	position:absolute;
	display:block;
	padding:15px 15px 15px 15px;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	text-align:justify;
	color:#fff;
	max-width:300px;
	font: 12px/100% Verdana, Tahoma, sans-serif;
	//font-weight:bold;
}
.ContextMenuContainer{
	position:absolute;
	background:radial-gradient(ellipse,rgba(50,50,50,0.8),rgba(0,0,0,0.7));
	background:-ms-radial-gradient(ellipse,rgba(50,50,50,0.8),rgba(0,0,0,0.7));
	background:-moz-radial-gradient(ellipse,rgba(50,50,50,0.8),rgba(0,0,0,0.7));
	background:-webkit-radial-gradient(ellipse,rgba(50,50,50,0.8),rgba(0,0,0,0.7));
	padding:10px 10px 10px 10px;
	color:#fff;
	font: 12px/100% Verdana, Tahoma, sans-serif;
}
.ContextMenuButton {
	word-wrap:break-word;
    -moz-box-sizing: border-box; /* в Firefox нужен префикс */
    box-sizing: border-box;
	display:block;
	position:relative;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	padding:10px 10px 10px 10px;
}
.ContextMenuButton:hover {
	word-wrap:break-word;
	cursor:pointer;
    -moz-box-sizing: border-box; /* в Firefox нужен префикс */
    box-sizing: border-box;
	display:block;
	position:relative;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	padding:10px 10px 10px 10px;
}
.ContextMenuInput {
	border:1px solid rgba(200,100,0,0.5);
	word-wrap:break-word;
    -moz-box-sizing: border-box; /* в Firefox нужен префикс */
    box-sizing: border-box;
	position:relative;
	display:block;
	margin-bottom:5px;
	width:100%;
	min-height:30px;
	max-width:250px;
	background:rgba(0,0,0,0.5);
	text-align:justify;
	color:white;
	padding:5px 10px 5px 10px;
}
.ContextMenuInput:focus{
	outline:none;
	border:1px solid rgba(255,200,0,0.5);
	word-wrap:break-word;
    -moz-box-sizing: border-box; /* в Firefox нужен префикс */
    box-sizing: border-box;
	position:relative;
	display:block;
	margin-bottom:5px;
	width:100%;
	max-width:250px;
	min-height:30px;
	background:rgba(0,0,0,0.5);
	text-align:justify;
	color:white;
	padding:5px 10px 5px 10px;
}
.DropBoxContainer{
	z-index:1000;
	position:absolute;
	display:block;
	border-radius:10px;
	padding:15px 15px 15px 15px;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgba(100,100,100,0.7) 50%,rgb(0,0,0) 100%);
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
.DropBoxDiv{
	display:block;
	width:100%;
	height:30px;
	position:relative;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(200,100,0) 50%,rgb(0,0,0) 100%);
}
.DropBoxDiv:hover{
	display:block;
	width:100%;
	height:30px;
	cursor:pointer;
	position:relative;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(255,200,0) 50%,rgb(0,0,0) 100%);
}
.DropBoxSpan{
	position:relative;
	line-height:30px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
}
.MainContainer {
	position:relative;
	margin-top:75px;
	margin-left:auto;
	margin-right:auto;
	width:1003px;
}
.PictureContainer {
	position:relative;
	border-radius:10px;
	background:url('../Pictures/Book1.jpg');
	background-size: 100% 100%;
	height:150px;
}
.MainMenuContainer {
	position:relative;
}
.BodyContainer {
	position:relative;
}
.HeaderOfBodyContainer {
	height:30px;
	text-align:center;
	color:#fff;
	font: 14px/100% Verdana, Tahoma, sans-serif;
	line-height:30px;
	padding:0 14px 0 6px;
	background:linear-gradient(bottom,rgb(0,0,0) 0%,rgb(100,100,100) 50%,rgb(0,0,0) 100%);
	background:-ms-linear-gradient(bottom,rgb(0,0,0) 0%,rgb(100,100,100) 50%,rgb(0,0,0) 100%);
	background:-moz-linear-gradient(bottom,rgb(0,0,0) 0%,rgb(100,100,100) 50%,rgb(0,0,0) 100%);
	background:-webkit-linear-gradient(bottom,rgb(0,0,0) 0%,rgb(100,100,100) 50%,rgb(0,0,0) 100%);
}
.LeftBodyContainer {
	display:block;
	position:absolute;
	width:20%;
	height:auto;
	border-radius:5px;
	background:linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
}
.CenterBodyContainer {
	display:block;
	position:absolute;
	width:52%;
	left:24%;
	height:auto;
	border-radius:5px;
	background:linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(50,50,50,0.1) 50%,rgba(100,100,100,0.1) 100%);
    -webkit-transition-property:width left;
	-webkit-transition-timing-function:ease-in;
	-webkit-transition-duration:0.2s;
    -moz-transition-property:width left;
	-moz-transition-timing-function:ease-in;
	-moz-transition-duration:0.2s;
    transition-property:width left;
	transition-timing-function:ease-in;
	transition-duration:0.2s;
}
.RightBodyContainer {
	display:block;
	position:absolute;
	width:20%;
	left:80%;
	height:auto;
	border-radius:5px;
	background:linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 50%,rgb(100,100,100) 100%);
	background:-ms-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 50%,rgb(100,100,100) 100%);
	background:-moz-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 50%,rgb(100,100,100) 100%);
	background:-webkit-linear-gradient(top,rgb(0,0,0) 0%,rgb(50,50,50) 50%,rgb(100,100,100) 100%);
}
