

.book-list  {clear:both;width:100%;}
.book-list .categories {list-style-type:none;margin:0;padding:0 0 18px 0;width:100%;overflow:hidden;}
.book-list .categories li {float:left;padding:0 0 0 18px}
.book-list .categories li.first {padding-left:0;}
.book-list .categories li a {float:left;height:22px;overflow:hidden;position:relative;}
.book-list .categories li a:hover {border-width:0;}
.book-list .categories li a:hover img {position:relative;top:-22px;}
.book-list .categories li.selected a img {position:relative;top:-44px;}

.book-list .list {font-family:arial, sans-serif;overflow:hidden;width:100%;list-style-type:none;margin:0;padding:52px 0 0 0;background:transparent url(../images/group.png) no-repeat;}
.book-list .list li {float:left;padding:0 28px 30px 28px;height:250px;width:87px;text-align:center;font-size:11px;color:#767a7c;}
.book-list .list li a {color:#767a7c;}
.book-list .list p {margin:0.7em 0 0.5em 0;line-height:1.25em;}
.book-list .list .listen {margin:0 0 7px 0;line-height:26px;}
.book-list .list .listen a {text-decoration:none;font-size:9px;display:block;background:transparent url(../images/listen.png) no-repeat 9px 2px;padding-left:11px;}
.book-list .list .listen a:hover {color:white;background-position:9px -23px}
.book-list .list .vote {margin:0;line-height:23px;}
.book-list .list .vote a {text-decoration:none;font-size:11px;display:block;background:transparent url(../images/vote.png) no-repeat;padding-left:11px;}
.book-list .list .vote a:hover {color:white;background-position:0 -23px}
.book-list .list img{width: 87px; height:130px}
#main {overflow:hidden;}


.popup-vote {color:white;background:#790000 url(../images/popupvote.png) repeat-x;position:absolute;width:530px;padding:10px 12px;border:1px solid #a30000;top:270px;left:385px;}
.popup-vote h3 {color:white;font-size:12px;font-weight:normal;margin:0;padding:10px 10px 10px 10px;}
.popup-vote .close {position:absolute;right:8px;top:8px;}
.popup-vote .book {width:480px;padding-right:30px;padding-left:18px;overflow:hidden;border-bottom:1px solid #a30000;padding-bottom:16px;}
.popup-vote .book .photo {float:left;padding:3px; width:87px;height:130px;}
.popup-vote .book p {margin:0 0 0 112px;font-size:12px;line-height:1.25em;}
.popup-vote .book p.listen a {padding-left:24px;background:transparent url(../images/listen1.png) no-repeat 0 2px;line-height:29px;display:block;}
.popup-vote .inputs {padding-left:125px;padding-top:12px;}
.popup-vote label {display:none;}
.popup-vote .inputEmail {border-width:0;padding:8px 15px;width:240px;color:#090a0c;font-weight:bold;background:#d7b3b3 url(../images/input1.png) no-repeat;height:17px;margin-top:6px;font-size:12px;font-family:arial, sans-serif;}
.popup-vote .inputs p {font-size:11px;line-height:1.25em;padding-left:3px;margin-bottom:0.5em;}
.popup-vote .inputs p.button {padding-left:0;margin-top:0.5em;}
.popup-vote .inputs p .send {width:166px;height:39px;font-size:12px;color:#6b0000;font-weight:bold;border-width:0;background:#fab717 url(../images/button1.png) no-repeat;font-family:arial, sans-serif;padding:0 0 2px 0;}
.popup-vote .inputs p .cancel {width:108px;height:39px;font-size:12px;color:#090a0c;font-weight:bold;border-width:0;background:#e2b3b3 url(../images/button2.png) no-repeat;font-family:arial, sans-serif;padding:0 0 2px 0;}

.path {width:468px;margin:0 auto;font-family:tahoma, sans-serif;font-size:10px;list-style-type:none;padding:0 0 15px 0;}
.path li {display:inline;color:#767a7c;padding-left:12px;background:transparent url(../images/arrow.gif) no-repeat 2px 4px;}
.path li.home {padding-left:19px;background:transparent url(../images/home.gif) no-repeat 1px 0;}
.path li a {color:#767a7c;text-decoration:underline;font-size:10px;}
.path li a:hover {text-decoration:none;}

.banner {width:468px;margin:0 auto 18px auto;}

.book-info {width:468px;margin:0 auto;overflow:hidden;}
.book-info .photo {float:left;padding-top:5px;padding-bottom:40px;}
.book-info p {margin:0 0 0 209px;color:#767a7c;font-size:11px;}
.book-info p a {color:#f9bb15;font-size:11px;margin-left:2px;text-decoration:none;}
.book-info p a:hover {text-decoration:none;}
.book-info h3 {margin:6px 0 16px 209px;font-size:24px;font-weight:normal;color:#f9bb15;}
.book-info dl {margin:0 0 14px 209px;color:white;}
.book-info dt {float:left;padding-bottom:4px;}
.book-info dd {margin:0;padding:0 0 4px 107px;font-weight:bold;}
.book-info ul {list-style-type:none;margin:0 0 0 209px;padding:0;}
.book-info ul li {padding:0;width:178px;margin:0 0 14px 0}
.book-info ul a {display:block;padding-left:19px;text-align:center;line-height:27px;color:#f9bb15;text-decoration:none;}
.book-info ul a:hover {text-decoration:underline;}
.book-info ul .link1 a {background:transparent url(../images/link1.png);}
.book-info ul .link2 a {background:transparent url(../images/link2.png);}
.book-info ul .link3 a {background:transparent url(../images/link3.png);color:white;}

.book-detail .blockquote {background:transparent url(../images/blockquote.png) no-repeat 100% 100%;padding-bottom:15px;}
.book-detail .blockquote .author {width:460px;margin:0 auto;color:white;text-align:right;font-size:10px;}
.book-detail .blockquote .author cite {font-style:normal;display:block;font-size:11px;}
.book-detail .blockquote blockquote {color:white;font-style:italic;width:460px;margin:0 auto;line-height:1.4em;background:transparent url(../images/blockquote1.png) no-repeat;padding:0 50px;padding-top:1px;}
.book-detail .blockquote blockquote p {margin:1.2em 0 1.2em 0;}

.ranking h2 {margin:0;}
.ranking p {line-height:1.4em;color:#767a7c;padding-bottom:15px;}
.ranking table {width:100%;}
.ranking th {color:#767a7c;font-size:11px;font-weight:normal;border-bottom:1px solid #2f2f2f;text-align:left;padding:5px 0;}
.ranking th.first {border-bottom-width:0;background:transparent url(../images/tableline.png) no-repeat right bottom;}
.ranking th.vote {text-align:center;}
.ranking th.last {text-align:center;border-bottom-width:0;background:transparent url(../images/tableline1.png) no-repeat left bottom;}
.ranking th.title {padding-left:8px;}

.ranking td {color:#767a7c;font-size:11px;font-weight:normal;border-bottom:1px solid #2f2f2f;text-align:left;padding:3px 0;}
.ranking td.col-no {border-bottom-width:0;background:transparent url(../images/tableline.png) no-repeat right bottom;font-size:18px;color:#f9b617;text-align:center;width:30px;}
.ranking td.col-photo {width:33px;text-align:center;}
.ranking td.col-photo img {vertical-align:bottom;}
.ranking td.col-title {color:white;font-size:12px;padding:2px 10px;}
.ranking td.col-title a {color:white;font-size:12px;}
.ranking td.col-vote {text-align:center;}
.ranking td.col-points {text-align:center;border-bottom-width:0;background:transparent url(../images/tableline1.png) no-repeat left bottom;}


.ranking ul.navigator {list-style-type:none;width:100%;overflow:hidden;margin:0;padding:11px 0;}
.ranking ul.navigator a {text-decoration:none;}
.ranking ul.navigator a:hover {text-decoration:underline;}
.ranking ul.navigator li.prev a {float:left;padding-left:19px;font-size:11px;color:#767a7c;background:transparent url(../images/prev.png) no-repeat 0 3px;}
.ranking ul.navigator li.next a {float:right;padding-right:19px;font-size:11px;color:#767a7c;background:transparent url(../images/next.png) no-repeat 100% 3px;}

.widgets h2 {margin:0;}
.widgets p {line-height:1.4em;color:#767a7c;padding-bottom:15px;}
.widgets form {margin:0;padding:21px 0 0 0;}
.widgets form fieldset {padding:0;margin:0;background:transparent url(../images/line.png) no-repeat center top;}
.widgets form .input-line {width:100%;overflow:hidden;padding:15px 0 6px 0;}
.widgets form .input-line label {font-size:18px;color:#f9b617;width:120px;float:left;}
.widgets form .input-line select {width:170px;border:1px solid #90adc5;color:#767a7c;font-size:11px;font-family:arial, sans-serif;height:20px;margin-right:18px;}
.widgets form .input-line textarea {height:140px;padding:3px 6px;width:430px;border:1px solid #90adc5;color:#767a7c;font-size:11px;font-family:arial, sans-serif;}
.widgets form .input-line a {color:#767a7c;text-decoration:underline;font-size:11px;}
.widgets form .input-line a:hover {text-decoration:none;}
.widgets form .button {padding-left:120px;margin-top:0.4em;}
.widgets form .button input {width:103px;height:23px;background:#7a0000 url(../images/button3.png) no-repeat;color:white;font-size:11px;}

#layer {background-color:black;opacity:0.7;moz-opacity:0.7;filter:alpha(opacity=7);position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000;display:none;}
#popup-container {width:970px;margin:0 auto;position:relative;}
#popup {position:absolute;z-index:20001;width:100%;left:0;top:0;text-align:left;display:none;}
