.book_panel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 20px auto; padding: 0px 5px 5px 5px; height: 300px; width: 120px; line-height:16px; background-color: #ffffff; color: #3d4e53; border: 5px solid #edf3f4; } .book_panel p { margin: 0; } .book_panel img { padding:5px 0px; margin:0px; } .green { color: #8dc63f; text-align: left; } .book_panel a { font-size: 12pt; color: #73a334; text-decoration: none; } .book_panel a:hover { color: #8dc63f; text-decoration: none; } .book_panel:hover { color: #3d4e53; } .book_panel_back { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; padding: 10px; height: 295px; width: 120px; line-height:16px; background-color: #8dc63f; color: #ffffff; position:relative; } .book_panel_back a { font-size: 12px; font-weight: normal; } .unglued_white { font-size: 12px; margin: 0px auto; margin-bottom:5px; padding: 10px 0px; } .status { color: #8dc63f; text-align: left; } .read_itbutton { width:118px; height:35px; padding:0px 0px; background:#FFFFFF; margin:0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #81bb38; } .read_itbutton a { line-height:40px; font-size:11px; background: url(/static/images/book-panel/book_icon.png) no-repeat left center; background-position: 10px center; padding:0px 0px 0px 30px; color:#73a334; text-decoration:none; font-weight:bold; text-transform: uppercase; } .read_itbutton a:hover { text-decoration:none; } #add_towish { width:130px; height:30px; padding:0px 0px; margin:10px auto; } #add_towish a { line-height:40px; font-size:11px; background-image: url(/static/images/book-panel/add_wish_icon.png); background-repeat: no-repeat; background-position: left center; padding:8px 5px 8px 21px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-transform: uppercase; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; } #add_towish a:hover { text-decoration:none; color:#3d4e53; } #white_text { width:130px; height:40px; padding:17px 0px; margin:0px; } #white_text a { color:#FFFFFF; text-decoration:none; } #white_text a:hover { color:#3d4e53; text-decoration:none; } #moreinfo { width:130px; height:30px; padding:0px; margin:15px 0 0; } #moreinfo a { line-height:40px; font-size:11px; background-image: url(/static/images/book-panel/more_icon.png); background-repeat: no-repeat; background-position: left center; padding:8px 42px 8px 20px; font-weight:bold; padding-left:20px; color:#FFFFFF; text-decoration:none; text-transform: uppercase; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; } #moreinfo a:hover { text-decoration:none; color:#3d4e53; } .green { color: #8dc63f; text-align: left; } #graypanel a { color: #3d4e53; text-decoration: none; } .read { margin: 15px auto; padding: 0px; width: 140px; color:#8dc63f; height:40px; line-height:25px; float:left; } .read p { margin: 0px; padding: 10px 3px; width: 50px; font-size:10pt; float:left; } .read img { padding:5px; margin:0px; float:left; } .right_add { padding:10px; margin:0px; float:right; } p.right_add { float:right; padding:10px 10px 0 0; width:24px; } .right_add { padding:10px; margin:0px; float:right; } /* slideout hover state */ .book_panel_interior { float: left; position: relative; margin:0px; padding:0px; left:0px; } .book_panel_interior img { z-index: 100; } .book_panel_interior span { position:absolute; bottom: 0; left:-10px; top:-5px; z-index: 1000; height:auto; }