.bookshelfContainer .book {
	padding: 15px 0 0 0;
	margin: auto;
    border:1px solid #cccccc;
    /*height: 400px;*/
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 5px 5px #ccc;
    -webkit-box-shadow: 10px 5px 5px #ccc;
    -khtml-box-shadow: 10px 5px 5px #ccc;
}
/*
.bookshelfContainer a:before {  Just to give a little puddle of a shadow without adding another element 
	content: '';
    display: block;
    width: 80%;
    height: 1em;
    background: rgba(0,0,0,.35);
    border-radius: 50%;
    position: absolute;
    bottom:-10px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    
}
*/
.bookshelfContainer .shelf {
	/*border-bottom: 30px solid #a5a5a5;*/
    border-bottom: 30px solid #deb886;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
	top: -15px;
}
/*Example adding pseudo element to give shelf depth*/
.bookshelfContainer .shelf:after {
	content: '';
	/*background: #686868;*/
    background: #98633b;
	height: 20px;
	width: calc(100% + 40px); /*IE9+*/
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 -20px;
}

.bookshelfContainer .bookdiv{
    z-index: 1;
    text-align:center;
    padding-top:10px;
}

.bookshelfContainer .bookview{
    position: absolute;
    top: 95%;
    left: 20%;
    transform: translate(-50%, -95%);
}

.bookshelfContainer .bookedit{
    position: absolute;
    top: 95%;
    left: 40%;
    transform: translate(-50%, -95%);
}

.bookshelfContainer .bookassign{
    position: absolute;
    top: 95%;
    left: 60%;
    transform: translate(-50%, -95%);
}

.bookshelfContainer .bookdelete{
    position: absolute;
    top: 95%;
    left: 80%;
    transform: translate(-50%, -95%);
}