@charset "UTF-8";
/* CSS Document */

#book {
	height: 386px;
	width: 1096px;
	margin: 0 auto;
	box-shadow: 0 0 4px #666666;
	-webkit-box-shadow: 0 0 4px #666666;
	-moz-box-shadow: 0 0 4px #666666;
}

.shadow {
    background-image: url(images/booklet_shadow.png);
    background-repeat: repeat-y;
    display: none;
    height: 386px;
    left: 390px;
    overflow: hidden;
    position: absolute;
    width: 399px;
    z-index: 100000;
}

.elum-booklet {
	background-color: #f4f4f4;
}

.booklet-header {
	display: block;
	min-height: 53px;
	height: 53px;
	background: url(images/booklet_header_background.png) no-repeat 0 bottom #ffffff;
}

.booklet-top {
	height: 45px;
	min-height: 45px;
	display: block;
	margin: 0 42px;
	border-bottom: 1px dotted #cccccc;
    width: 1134px;
}

.booklet-chapters {
	float: left;
	height: 45px;
	width: 160px;
	background: url(images/booklet_ui_background.jpg) repeat-x 0 0 #ffffff;
}


.booklet-pagination {
	float: left;
	height: 45px;
	width: 130px;
	background: url(images/booklet_pagination_background.jpg) repeat-x 0 0 #ffffff;
}

/*
.booklet-pagination span {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: transparent;
	display: inline-block;
	left: 60px;
	top: 11px;
	width: 125px;
	padding: 5px;
	position: absolute;
	display: block;
    right: 26px;
    background-image: none;
    background-attachment: scroll;
background-color:#FFFFFF;

-webkit-box-shadow: inset 0px 0px 11px -8px #000000;
-moz-box-shadow:    inset 0px 0px 11px -8px #000000;
box-shadow:         inset 0px 0px 11px -8px #000000;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');

}
*/

.booklet-pagination span {
	border: none;
	background: none;
	background-color: transparent;
	display: inline-block;
	left: 54px;
	top: 8px;
	width: 90px;
	padding: 5px;
	position: absolute;
	display: block;
    text-align: center;
    /*
box-shadow:         inset 0px 0px 2px 2px rgba(210, 210, 210, 1);

border-radius: 5px;

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');
*/
}

/*.booklet-pagination {
	float: left;
	line-height: 45px;
	width:220px;
	text-align: center;
	border-left: 1px Bolid #B3B3Bpx;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_pagination_background.jpg) repeat-x 0 0 #ffffff;
}*/

/*.booklet-pagination {
	float: left;
	line-height: 45px;
	width:110px;
	text-align: center;
	border-left: 1px Bolid #B3B3Bpx;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_searchpage_background.jpg) repeat-x 0 0 #ffffff;
}*/

  /*// FERRARA*/
.booklet-paginationf {
	float: left;
	line-height: 45px;
	width: 160px;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_search_page_background.jpg) repeat-x 0 0 #ffffff;
	position: relative;
	display: block;
	height: 45px;
}

  /*// FERRARA*/
.booklet-search {
	float: right;
	line-height: 45px;
	width: 220px;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_search_background.jpg) repeat-x 0 0 #ffffff;
	position: relative;
	display: block;
	height: 45px;
}

.booklet-controls {
	float: left;
	line-height: 45px;
	width: 128px;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_controls_background.jpg) repeat-x 0 0 #ffffff;
}
.booklet-controls span {
	display: inline-block;
	width: 32px;
	cursor: pointer;
}

.booklet-features {
	float: right;
	line-height: 45px;
	width: 130px;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_features_background_1.jpg) repeat-x 0 0 #ffffff;
}

.booklet-features span {
	display: inline-block;
	width: 65px;
	cursor: pointer;
}

.booklet-features-zoom {
	float: right;
	line-height: 45px;
	width: 130px;
	text-align: center;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: url(images/booklet_features_background_2.jpg) repeat-x 0 0 #ffffff;
}

.booklet-features-zoom span {
	display: inline-block;
	width: 65px;
	cursor: pointer;
}

.booklet-paginationf input {
	border: none;
	background: none;
	background-color: transparent;
	display: inline-block;
	left: 13px;
	top: 8px;
	width: 85px;
	padding: 5px;
	position: absolute;
	display: block;
    text-align: center;
}

.booklet-paginationf span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 45px;
	background-color: transparent;
}

  /*// FERRARA*/
.booklet-search input {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background-position: 0% 0%;
    background-color: trasparent;
	display: inline-block;
	left: 9px;
	top: 11px;
	width: 175px;
	padding: 5px;
	position: absolute;
	display: block;
    right: 26px;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
}

  /*// FERRARA*/
.booklet-search span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 25px;
	height: 45px;
	background-color: trasparent;
}

.booklet-bottom {
	height: 45px;
	min-height: 45px;
	display: block;
	margin: 0 42px;
	border-top: 1px dotted #cccccc;
}

.booklet-data {
	line-height: 28px;
	padding-top: 26px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

.booklet-container {
	background-color: #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 1px #000000;
    display: block;
    height: 476px;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    width: 1179px;
}

.arrow-btn.left {
    background-image: url(images/booklet_left_arrow_button.png);
    left: 16px;
    top: 220px;
}

.arrow-btn.right {
    background-image: url(images/booklet_right_arrow_button.png);
    right: 16px;
    top: 220px;
}

.arrow-btn {
    background-color: #EEEEEE;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 36px;
    position: absolute;
    width: 10px;
}

.result {
    font-size: 11px;
    color: #666666;
    line-height: 20px;
    width: 40%;
}

.zoom1 {
    cursor: pointer;
}

.zoom2 {
    cursor: zoom-out;
}