/**/
.ub-check { display: inline-block; width: 20px; height: 20px; margin-right: 3px; vertical-align: -5px; }
.userbook-share-new .ub-menu { padding: 20px 20px 0px; width: 240px; text-align: left;color: #39424C; line-height: 20px; }
.userbook-share-new .ub-check { background: url(/img/skins/ll2015b/icons58.png) -224px -140px no-repeat; }
.userbook-share-new a.active .ub-check { background: url(/img/skins/ll2015b/icons58.png) -203px -140px no-repeat;}
.userbook-share-new .ub-menu select { height: 30px;padding: 0px 5px;background-color: #fdfada;border-color: #d8d8d8; }
.userbook-share-new .share .ub-menu .btn-menu {width: 100%;}
.userbook-share-new .btn-menu {background-color: #39424c;font-size: 12px;display: inline-block;text-align: center;height: 30px;line-height: 30px;width: 220px;margin: 0 10px;font-weight: bold;color: #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3x;}
.userbook-share-new .btn-menu:hover { background-color: #04a00c; color: #FFF;}
.userbook-share-new a { text-decoration: none; }
.userbook-share-new .ub-menu a:hover { color: #04a00c;opacity:1; }
a.bookmenu { line-height:30px; font-size: 16px; font-weight: bold; padding:0px 10px; color: #000; }
a.bookmenu.active { color: #04a00c; }
a.bookmenu:hover { background: #f8f8f8 !important; color: #04a00c; }

.userrating.share-popup { padding-bottom: 0px;z-index:100; background-color: #f8f8f8;padding: 0px 20px 20px;margin: 0px auto;display: inline-block; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.14); }
.ub-rating-container { position:absolute;width:270px;text-align:center;z-index: 100; }
.userbook-container .details span.info { padding:0px;font-weight:normal;display:inline-block;margin:0px; }
.userbook-container .bookinfo .details { padding:0px; } 
.ub-wish-text { position: absolute; top: 3px; right: 37px; }
.ub-wish-text input[type="text"] { height: 16px;line-height: 16px; width: 43px; font-size: 12px; }

.btn-menu, .ll2015b4 .btn-menu { background-color: #39424c; font-size: 12px; display:inline-block; text-align:center; height:30px; line-height: 30px; width: 220px; margin:0 10px; font-weight:bold; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3x; }
.btn-menu:hover, .ll2015b4 .btn-menu:hover { background-color: #04a00c; color:#FFF !important; }
.btn-menu-empty, .ll2015b4 .btn-menu-empty { background: none; font-size: 12px; display:inline-block; text-align:center; height:26px; border: 2px solid #39424c; line-height: 26px; width: 220px; margin:0 10px; font-weight:bold; color:#39424c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3x; }
.btn-menu-empty:hover, .ll2015b4 .btn-menu-empty:hover { background: none; color:#04a00c; border-color: #04a00c; }
.menu-title { line-height: 20px; margin-bottom:10px; font-size: 14px; font-weight: bold;color: #39424C;display:block; }
.menu-item, .ll2015b4 .menu-item { font-size:14px; color: #39424C !important;display:block;line-height: 20px; }
.menu-item:hover, .menu-item.active, .ll2015b4 .menu-item:hover, .ll2015b4 .menu-item.active { color:#04a00c; }
.edit-note { color: #39424C; padding:10px 30px;line-height: 20px; background: #fff9b7; border-top:1px solid #ebebeb; }
.edit-note a.edit-link { font-size: 14px; color: #39424C;font-weight: bold; }
.edit-note a.edit-link:hover { color:#04a00c; }
.edit-note-actions { text-align:center;line-height:30px;margin-bottom:10px; }
.edit-note-actions a.edit-note-clear { color: #39424C; }
.edit-note-actions a.edit-note-clear:hover { color: #04a00c; }
.edit-note-hint { position: relative;height: 30px;font-size: 12px; color:#b0b3b7; line-height: 32px;margin: 0px 1px -30px 1px;border-bottom: solid 1px #f4f4f4;padding: 0 14px; }
.edit-note textarea { background: #fff; }
.edit-note .more { font-size:12px;font-style:normal;color:#9a9b9d; text-decoration:underline; }
.edit-note a.more:hover { color: #04a00c; }
.action-title { float:right;margin-bottom:-15px; }
.action-title a { color: #9a9b9d; font-size: 12px; }
.action-title a:hover { color: #04a00c; }

.taglist.withmytag { margin-left:-5px; }
.taglist.withmytag a { padding: 3px 5px; }
.taglist.withmytag a.mytag { background: #dee1e5; }

.mynotes { overflow:hidden; background: #FFF url(/img/skins/ll2015b/bg-notetext-white.png) 0 -21px repeat;margin-bottom:0px; border-radius: 16px; }
.mynotes-title { line-height: 24px;padding: 10px 18px 8px 24px;font-size: 12px; font-weight:bold; background-color: #F9F9F9;border-bottom: 1px solid #D8D8D8; }
.mynotes-title-span { font-size:20px;line-height:24px; }
.mynotes-text { padding: 15px 40px; position:relative; color:#39424C; font-size:16px; line-height:27px; font-style: italic; font-family: Georgia, Arial, Helvetica, sans-serif;  }
.mynotes-title a { font-style: italic; font-weight: normal; color: #39424C; }
.mynotes-title a:hover { color: #04a00c; }
.note-edit {background: #fff;position: absolute;top: 15px;left: 30px;right: 30px;bottom: 15px;}
.note-edit textarea { background: none;border: none;width:97%;margin: 5px 10px;position: absolute;top: 0px;bottom: 30px; }
.note-edit a { font-size: 12px; position:absolute; bottom: 5px; left:50%; margin-left:-60px;height: 30px !important;line-height: 30px !important;font-style: normal; }
.note-edit a:hover { background: #04a00c; color: #FFF; }

.userbook-share-new .ub-menu { width: 270px; }
.userbook-share-new .ub-menu table { width: 100%; }
.userbook-share-new .ub-menu .ub-shelfs, .userbook-share-new .ub-menu .ub-selections { width: 100%; position: relative; }
.userbook-share-new .back-painted { background-color: #f8f8f8; }
.userbook-share-new .yellow-painted { background-color: #fff8b1; }
.userbook-share-new .grey-painted { background-color: #f4f8fc; }
.userbook-share-new .share { top: 15px; left: -35px; }
.userbook-share-new .share .ub-menu .btn-menu { width: 100%; }
.userbook-share-new .share .ub-menu .btn-menu-add { padding: 0 10px 0 0;float:right; background-color: #04a00c; font-size: 12px; display:inline-block; text-align:center; height:30px; line-height: 30px; width: 90px; margin:0 10px; font-weight:bold; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3x; }
.userbook-share-new .share .ub-menu .btn-menu-add:hover { background-color: #39424c; }
.userbook-share-new .share .ub-menu .btn-ub-save, .userbook-share-new .share .ub-menu .btn-ub-remove, .btn-ub-error { margin: 10px 0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border: 1px solid #9da2a7; background-color: #ffffff; color: #9da2a7;}
.userbook-share-new .share .ub-menu .btn-ub-save:hover, .userbook-share-new .share .ub-menu .btn-ub-remove:hover { border: none; background-color: #04A00C; color: #ffffff; }
.userbook-share-new .share .ub-menu .btn-ub-error { border: 1px solid #d0021b; color: #d0021b;  margin: 10px 0 0; background-color: #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.userbook-share-new .share .ub-menu .btn-ub-error:hover { background-color: #ffffff; }
.userbook-share-new .share .ub-menu .btn-ub-okay { border: 1px solid #04A00C; color: #04A00C;  margin: 10px 0 0; background-color: #ffffff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.userbook-share-new .share .ub-menu .btn-ub-okay:hover { background-color: #ffffff; } 
.userbook-share-new .share .ub-menu .i-info { margin-top: 15px; }
.userbook-share-new .share .ub-menu .s-wrapper { display: block; text-align: center; }
.userbook-share-new .share .ub-menu .s-wrapper span.headed { display: inline-block; color:  #39424C; clear: both; margin: 0px 0 10px; font-size: 18px; line-height: 18px; font-weight: bold; font-style: normal; border-bottom: none; }
.userbook-share-new .share .ub-menu .s-wrapper a.info { display: inline-block; font-size: 12px; text-decoration: underline; color: #9da2a7;}
.userbook-share-new .share .ub-menu .s-wrapper a.info span.i-info { margin-top: 0px; margin-left: 5px; }
.userbook-share-new .share .ub-menu .inline { display: inline-block; }
.userbook-share-new .share .ub-menu .ub-shelfs td, .userbook-share-new .share .ub-menu .ub-selections td , .userbook-share-new .share .ub-menu .ub-menu-objects td { padding: 0px; } 
.userbook-share-new .share .striped-separator{ border-top: 1px solid #e7ebef; }
.userbook-share-new .share .mini-top-pad { padding-top: 10px; }
.userbook-share-new .share .vertical-left { width:10px; height:18px; position:absolute;display: block; }
.userbook-share-new .share .vertical-left::before, .userbook-share-new .share .vertical-left::after {content: ''; position: absolute; bottom: 0px; top:auto; right:auto; left: -18px;border: 17px solid transparent;border-right: 17px solid #D8DADC;}
.userbook-share-new .share .vertical-left::after { border-right: 17px solid white; left: -16px;top:auto; }
.userbook-share-new .share .yellow::after { border-right: 17px solid #fff8b1; left: -16px; top:auto; }
.userbook-share-new .share .ub-menu-edit-area { margin:0px 10px 20px; padding: 20px 20px 0px; }
.userbook-share-new .share .edit-note-area { margin: 0px; padding: 10px 30px;}
.userbook-share-new .share .ub-menu-edit-area .hint { color: #39424c; }
.userbook-share-new .share .ub-menu .more { text-decoration: underline; color: #9CA1A6; font-style: normal; font-size: 12px;}
.userbook-share-new .share .ub-menu .more:hover { color: #535353; }
.userbook-share-new .share .ub-menu .spinner { display: inline-block; background: url(/img/skins/ll2015b/spinner.gif) no-repeat; width: 31px; height: 32px; margin-top: 10px; position: absolute; right: 110px; display: none;}

.ub-actions-block {min-width: 242px; margin-bottom: 20px;}
.ub-shelfs tr:not(.no-shelfs):hover, .ub-selections tr:not(.no-selections):hover { background-color: #ececec; }
.userbook-main-menu:hover .first { background-color: #39424c; border-color: #39424c; color: #fff;}
.userbook-extended-menu:hover .ub-arrow { border-color: #39424c; color: #fff;}
.i-book-radio { display: inline-block; width: 18px; height: 18px; margin-right: 3px; vertical-align: -4px; }
.i-book-wish-w, .i-book-reading-w, .i-book-read-w, .i-book-unread-w { display: inline-block; width: 17px; height: 16px; margin: 3px 10px; vertical-align: -6px; }
.i-ub-read-again {background: url(/img/skins/ll2015b/icons17.png) no-repeat -224px -144px; width: 15px; height: 15px; vertical-align: -3px; display: inline-block; margin-right: 5px;}
.i-shelf-access-all { display: inline-block; width: 16px; height: 12px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat -11px -10px; vertical-align: -3px; float: right; margin-top: 5px; margin-right: 5px; }
.i-shelf-access-private { display: inline-block; width: 16px; height: 12px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat -11px -31px; vertical-align: -3px; float: right; margin-top: 5px; margin-right: 5px; }
.i-selection-icon { display: inline-block; width: 16px; height: 12px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat -12px -58px; vertical-align: -3px; float: right; margin-top: 5px; margin-right: 5px; }
.i-ub-okay, .i-ub-error { display: inline-block; width: 16px; height: 12px; margin-right: 5px; vertical-align: -2px; }
.i-ub-okay { background: url(/img/skins/ll2015b/icons58.png) no-repeat -43px -164px }
.i-ub-error { background: url(/img/skins/ll2015b/icons58.png) no-repeat -221px -265px; }
.i-ub-empty-shelf { background: url(/img/skins/ll2015b/empty-shelf.png) no-repeat; display: inline-block; height: 120px; width: 180px; margin-bottom: 10px;}
.i-ub-empty-selection { background: url(/img/skins/ll2015b/empty-selection.png) no-repeat; display: inline-block; height: 68px; width: 136px; margin-bottom: 10px;}
.i-dot-resize { background: url(/img/skins/ll2015b/dot-resize.png) no-repeat; display: inline-block; height: 3px; width: 24px;}
.i-item-add { background: url(/img/skins/ll2015b/icons58.png) no-repeat -100px -182px; display: inline-block; height: 17px; width: 18px; margin-right: 10px; vertical-align: -5px;}

a.active .i-ub-read-again { background: url(/img/skins/ll2015b/icons17.png) no-repeat -203px -144px; }
a.ub-add-item, a.ub-edit-item { display: block; line-height: 22px; color: #39424c; }
a.ub-add-item:visited { color: #39424c; }
a.ub-add-item:hover { color: #04A00C; background-color: #ececec;}
a.ub-add-item:hover .i-item-add, a.ub-add-tag:hover .i-item-add, a.ub-add-comment:hover .i-item-add, a.ub-edit-item:hover .i-item-add { background: url(/img/skins/ll2015b/icons17.png) no-repeat -100px -162px; }
a.ub-add-tag:hover .menu-title, a.ub-add-comment:hover .menu-title { color: #04A00C; }
a.active:hover {color: #39424C;}
a.ub-bookmenu {font-weight: normal; color: #39424C; line-height: 28px; }
a.ub-actions {display: block; color: #39424C; line-height: 28px; }
a.ub-actions span.i-book-radio { background: url(/img/skins/ll2015b/icons17.png) no-repeat -124px -260px; margin: 0 10px; }
a.ub-actions span.i-book-wish-w, .i-userbook-wish { background: url(/img/skins/ll2015b/icons17.png) no-repeat -223px -14px;  margin: 6px 10px; float: right; }
a.ub-actions span.i-book-reading-w, .i-userbook-reading { background: url(/img/skins/ll2015b/icons17.png) no-repeat -224px -50px;  margin: 6px 10px; float: right; }
a.ub-actions span.i-book-read-w, .i-userbook-read { background: url(/img/skins/ll2015b/icons17.png) no-repeat -223px -66px;  margin: 6px 10px; float: right; }
a.ub-actions span.i-book-unread-w, .i-userbook-unread { background: url(/img/skins/ll2015b/icons17.png) no-repeat -183px -262px;  margin: 6px 10px; float: right;}
a.ub-actions.active, a.ub-actions.active:hover {color: #fff; background-color: #04A00C; border-radius: 15px;opacity:1;}
a.ub-actions.active span.i-book-radio { background: url(/img/skins/ll2015b/icons17.png) no-repeat -143px -260px; }
a.ub-actions:hover:not(.active) span.i-book-radio { background: url(/img/skins/ll2015b/icons17.png) no-repeat -164px -260px; }
a.popular-tag { color: #39424c; font-style: normal; font-size: 14px; line-height: 20px;}
a.popular-tag:hover { color: #0768d8; }
.ub-menu-objects { position: absolute;left: 0; }
.ub-menu-objects tr { background-color: #f8f8f8; }
.ub-menu-objects tr td { border-bottom: 1px solid #ececec; height: 30px; text-align: center; vertical-align: middle; cursor: pointer; }
.ub-menu-objects tr td:nth-child(odd) {width: 5%;}
.ub-menu-objects tr td:first-child, .ub-menu-objects tr td:last-child { width: 10%;  }
.ub-menu-objects tr td:nth-child(even) { width: 37%; border-bottom: 1px solid #ececec; background-color: #ececec; }
.ub-menu-objects tr td:nth-child(even):hover { background-color: #ffffff; }
.ub-menu-objects tr td.active { background-color:  #ffffff; border-top: 2px solid #04a00c;border-right: 1px solid #ececec;border-left: 1px solid #ececec; border-bottom: none; cursor: normal; }

.switch { float: right; position: absolute; right: -3px; display: none; margin-top: -1px;}
.switch-new-shelf { margin-top: 14px; display:inline-block; float: left; margin-right: 15px; }
.cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; }
.cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input.cmn-toggle-round + label {padding: 2px; width: 66px; height: 20px; background-color: #dddddd; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; }
input.cmn-toggle-round + label:before { right: 1px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat 2px -75px; background-color: #c4c6c9; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
input.cmn-toggle-round + label:after { width: 30px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat -44px -27px; background-color: #4a4a4a; -webkit-border-radius: 45%; -moz-border-radius: 45%; -ms-border-radius: 45%; -o-border-radius: 45%; border-radius: 45%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; }
input.cmn-toggle-round { background-color: #c4c6c9; }
input.cmn-toggle-round:checked + label:after { margin-left: 38px; background: url(/img/skins/ll2015b/access-icons.png) no-repeat -43px -5px; background-color: #4a4a4a;}
/**/

.i-userbook-wish, .i-userbook-reading, .i-userbook-read, .i-userbook-unread { margin:0px; float:none; display:inline-block;width:17px;height:16px; }
.book-collection-action .userbook-button, .book-collection-action .userbook-button.i-clock, .book-cover-userbook .userbook-button, .book-cover-userbook .userbook-button.i-clock { height:29px; }
.userbook-share-right { top:-100px;left:60px; }

.ub-menu .ub-search-shelf {height: 28px;padding: 0px 5px;background-color: #fdfada;border-color: #d8d8d8;width:224px;margin-bottom:10px;border:1px solid #d8d8d8;
              border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.ub-menu .ub-search-shelf input[type="text"] {border:none; background: transparent; height:28px; width: 190px;}
.ub-menu .search-shelf-clear {float:right;display:none; margin-top:5px;}
.ub-menu .ub-search-shelf.ub-search-shelf-filter { width:180px;float:left; }
.ub-menu .ub-search-shelf.ub-search-shelf-filter input[type="text"] { width:150px; }
.ub-menu .ub-search-shelf-wrapper select { width:100%;margin-bottom: 10px; }