/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
/* Modal */
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
/* Border */
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left { background: url('../img/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('../img/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('../img/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('../img/boxy-sw.png'); }
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/boxy-sw.png'); }
.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
/* Title bar */
.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
/* Content Region */
.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }
/* Question Boxes */
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }
/*
Kolory
pomaranczowy: #e94d02
*/
body { font-size: 62.5%; font-family: Arial, Verdana, Helvetica; color: #313131 }
a { text-decoration: none; color: #000 }
.dev { font-size: 1.3em; padding: 10px 15px }
.navigation { font-size: 1.2em; line-height: 1.5em; margin: 15px 0 }
.navigation a { color: #E94D02 }
input.ac_input {background: transparent url(../img/ajax_loader_book_mini.gif) no-repeat -30px center;}
input.ac_loading {background-position: right center;}
/* Boxy */
.boxy-wrapper .title-bar { background-color: #E94D02; }
.boxy-wrapper .title-bar h2 { font-weight: bold; font-size: 1.5em }
.boxy-wrapper form.answers input { }
.boxy-wrapper .question { font-size: 1.3em; min-height: 0; margin-bottom: 10px }
br.clear {width: 100%; height: 1px; clear: both; display: block;}
/* Top strony */
#topContainer { padding-bottom: 25px; background: #dedede url("../img/topContainer_bg.png") left top repeat-x; }
#top { width: 996px; padding-left: 50px; margin: 0 auto; background: transparent url("../img/top_bg.png") right top no-repeat; }
* html #top { background-image: url("../img/top_bg_ie6.gif") }
#topMenu { position: fixed; width: 340px; z-index: 10; }
#topMenu .center { padding: 10px 0; background-color: #f6f6f6 }
#topMenu p { text-align: center;}
#topMenu .lookAtThis { color: #000; font-size: 1.4em }
#topMenu a { font-size: 13px; font-weight: bold; color: #4c4c4c }
#topMenu a.middle { padding: 0 2px }
#topMenu .bottom { height: 9px; font-size: 1px; background: transparent url("../img/topMenu_bottom_340.png") left top no-repeat; }
* html #topMenu .bottom { height: 4px; background: url("../img/topMenu_bottom_ie.gif") left top no-repeat; }
#sloganContainer { float: left; padding-top: 40px }
#top img { float: left; margin-top: 75px; }
#top #slogan { margin: 80px 0 0 45px; font-size: 2.9em; font-weight: normal; }
#top #underSlogan { margin: 8px 0 0 45px; font-size: 1.4em; color: #ec4f00; font-weight: bold }
/* Panel nawigacji (szukajka, guzik, drugie menu i mini panel użytkownika */
#navigationPanel { width: 946px; margin: 0 auto 15px; }
/* formularz zlewa się z panelem użytkownika jeśli jest widoczny */
#navigationPanel.forLogged { margin-bottom: 0 }
#navigationPanel.forLogged form { background: transparent url("../img/searchForm_bottom.gif") left bottom no-repeat; }
/* część panelu użytkownika w szukajce */
#userPanelPart { float: right; text-align: right; margin-top: 10px; }
#fb_logout_image,
#logout,
#register,
#loginButton { display: block; font-size: 1.3em; margin-right: 4px; margin-top: 6px }
#loginButton { margin-top: 10px; width: 99px; height: 29px; text-align: center; line-height: 29px; background: transparent url("../img/loginButton.gif") left top no-repeat; }
#loggedAvatarBox { float: right; clear: right; margin-top: 10px; width: 71px; height: 65px; background: transparent url("../img/avatarBox_top.gif") left top no-repeat; padding-top: 4px; }
#loggedAvatarBox .center { background-color: #e5e5e5; padding: 2px 0 4px; }
#loggedAvatarBox .avatar { margin: 0 auto }
#searchChoices { float: left; margin-top: 10px; margin-bottom: 4px; font-size: 1.3em; }
#searchChoices input { position: relative; top: 3px }
#searchChoices label { margin-bottom: 4px }
#advancedSearchButton { float: left; display: block; line-height: 1.7em; font-size: 1.3em; color: #02B7D2; margin: 10px 0 0 24px; }
#advancedSearchButton:hover { font-weight: bold }
#searchBox { float: left; clear: left; background: transparent url("../img/search_bg_left.gif") left top no-repeat; padding-left: 5px; }
#searchBox .right { background: transparent url("../img/search_bg_right.gif") right top no-repeat; padding-right: 5px; }
#searchBox .center { padding: 5px 0; background-color: #dfdfdf }
#searchBox #query { vertical-align: top; margin-right: 4px; margin-left: 2px; width: 334px; height: 30px; padding-top: 6px; text-align: center; font-size: 20px; background: transparent url("../img/query_bg_334.gif") left top no-repeat; border-style: none }
#searchBox .submit { cursor: pointer; font-size: 1.8em; background: transparent url("../img/searchButton2_sprites.gif") left bottom no-repeat; overflow: hidden; text-indent: -9000px; height: 38px; width: 110px; color: transparent; border-style: none }
#searchBox .submit:hover { background: transparent url("../img/searchButton2_sprites.gif") left top no-repeat; }
#headerReviewButton { display: block; float: left; margin-top: 2px; margin-left: 8px; font-size: 1.8em; background: transparent url("../img/addReviewBigButton_sprites.png") left top no-repeat; width: 178px; height: 43px; text-indent: -9000px; overflow: hidden; }
#headerReviewButton:hover { background-position: left bottom }
#headerBookButton { display: block; float: left; margin-top: 2px; margin-left: 4px; font-size: 1.8em; background: transparent url("../img/addBookBigButton_sprites.png") left top no-repeat; width: 178px; height: 43px; text-indent: -9000px; overflow: hidden; }
#headerBookButton:hover { background-position: left bottom }
/* Panel użytkownika */
#userPanel { margin-top: 15px; height: 42px; background: transparent url("../img/userPanel_bg_left.gif") left bottom no-repeat; padding-left: 4px; }
#userPanel .right { height: 42px; background: transparent url("../img/userPanel_bg_right.gif") right bottom no-repeat; padding-right: 4px; }
#userPanel .center { height: 42px; background: transparent url("../img/userPanel_bg_center.gif") repeat-x 0 100%; }
#userPanel p { margin: 12px 5px 10px }
#loggedAs { float: right; font-size: 1.3em }
#loggedAs a { color: #e94d02; font-weight: bold }
#userPanel .menu { float: left; font-size: 1.3em; }
#userPanel .menu a { padding: 0 5px 0 10px; background: transparent url("../img/userPanel_links_separator.gif") left 4px no-repeat; height: 10px; }
#userPanel .menu a.first { background-image: none }
/* gdy formularz wyszukiwania robi górną krawędź potrzebna korekta wielkości i odstępów */
#navigationPanel.forLogged #userPanel { margin-top: 0 }
#navigationPanel.forLogged #userPanel,
#navigationPanel.forLogged #userPanel .right,
#navigationPanel.forLogged #userPanel .center { height: 32px }
#navigationPanel.forLogged #userPanel .menu,
#navigationPanel.forLogged #userPanel #loggedAs { margin-top: 3px; color: #282828; }
#navigationPanel.forLogged #userPanel .menu a { color: #282828; }
/* Szkielet bloku z treścią */
.dashedLine { margin: 0 15px; border-bottom: 1px dashed #d0d0d0; }
.whiteLine { border-bottom: 1px solid #fff; }
#contentFrame { width: 946px; margin: 0 auto }
#cfTop { height: 4px; font-size: 1px; background: transparent url("../img/contentFrame_top_bottom.gif") left -5px no-repeat; }
#cfCenter { border-style: none solid; border-width: 1px; border-color: #d0d0d0 }
#cfBottom { height: 4px; font-size: 1px; background: transparent url("../img/contentFrame_top_bottom.gif") left 0 no-repeat; }
#mainColumn { float: left; margin-left: 12px; width: 610px; }
#sideColumn { float: right; margin-right: 15px; width: 290px }
.thinColumn1 { width: 296px; float: left; margin-bottom: 15px; }
.thinColumn2 { width: 304px; float: left; margin-left: 10px; margin-bottom: 15px; }
#contentFrame h1,
h3 { padding: 15px 0 0; margin: 0 5px; font-size: 2em; color: #e94d02; font-family: Tahoma; }
h3.masterHeading { color: #696969; font-size: 2.5em; margin: 20px 5px }
h3.masterHeading strong { color: #ec4f00;}
#contentFrame h1.columnTitle,
h3.columnTitle { border-bottom: 1px dashed #D0D0D0; padding: 15px 0 10px 5px; margin: 0 0 10px; font-family: Tahoma;}
#contentFrame h4.separatorTitle { clear: both; border-bottom: 1px dashed #d0d0d0; font-size: 1.2em; line-height: 20px; margin: 20px 10px 10px; padding-bottom: 5px;}
#contentFrame h1 a,
#contentFrame h3 a{ color: #e94d02 }
.overHeading { font-size: 1.3em; color: #6e6e6e; margin: 5px 0; }
.greyHeading { clear: both; font-size: 1.8em; font-weight: bold; margin: 10px 0; color: #6e6e6e }
.nextToHeadingLink { float: right; margin-top: 20px; font-size: 1.4em; color: #02B7D2; font-weight: bold }
.nextToHeadingLink:hover { text-decoration: underline; }
.showAll { text-align: right; display: block; font-size: 1.3em; color: #e94d02 }
.showAll.small { font-size: 1.1em }
/* kolumny połowiczne */
.halfWidthColumn { float: left; width: 442px; }
.halfWidthColumn.first { margin-right: 30px }
#addReviewButton { display: block; clear: both; width: 280px; height: 56px; margin: 40px 0 10px 0; color: #fffbef; font-size: 1.9em; line-height: 56px; font-weight: bold; padding-left: 18px; background: transparent url("../img/addReviewButton.gif") left bottom no-repeat; }
#addReviewButton:hover { background: transparent url("../img/addReviewButton.gif") left top no-repeat; }
.sortingPanel {margin: 5px 0 0; line-height: 1.5em;}
/* Facebook box */
#facebookBox { float: right; clear: right; margin: 16px 16px 0; width: 310px; height: 245px;}
#facebookBox.noFaceBook {border: 1px solid #94a3c4; padding: 80px 95px; width: 120px; height: 20px; margin-bottom: 10px;}
#facebookBox .top { border-bottom: 1px solid #d7e0e9; background-color: #eceff6; }
/* Duże menu tabelkowe */
#bottomContentMenu { margin-top: 40px; margin-left: 10px }
#bottomContentMenu th,
#bottomContentMenu td { border-left: 1px solid #d7e0e9; padding-left: 15px; }
#bottomContentMenu th { text-align: left; padding-bottom: 20px; color: #e94d02; font-size: 1.8em; font-weight: bold; font-family: Tahoma }
#bottomContentMenu td { font-size: 1.3em; line-height: 1.7em; padding-right: 30px; }
#bottomContentMenu th.first,
#bottomContentMenu td.first { border-left: none }
#bottomContentMenu td a:hover { text-decoration: underline }
/* Sharing */
.sharingBox { height: 20px; margin-left: 10px }
p .sharingBox { float: right; }
.shareLink { display: block; float: left; margin: 0 2px; height: 16px; background: transparent url("../img/sharing_sprites.png") left top; overflow: hidden; width: auto; text-indent: -9999px }
.facebookShareLink { background-position: -13px top; width: 14px; }
.twitterShareLink { background-position: 0 top; width: 12px; }
.wykopShareLink { background-position: -45px top; width: 16px; }
.blipShareLink { background-position: -28px top; width: 16px; }
.flakerShareLink { background-position: -62px top; width: 16px; }
.sledzikShareLink { background-position: -79px top; width: 16px; }
/* Avatary */
.avatar { height: 60px; width: 60px; background: transparent url("../img/medium_avatar_bg2.png") left top no-repeat; }
.avatar a { display: block; text-align: left }
.avatar a img { margin: 4px 0 0 4px; }
.avatar.icon,
.avatar.icon2 { height: 33px; width: 33px; background: transparent url("../img/small_avatar_bg2.png") left top no-repeat; }
.avatar.icon a,
.avatar.icon2 a { width: 34px; height: 34px; }
.avatar.icon img,
.avatar.icon2 img { margin: 3px 0 0 2px; width: 26px; height: 26px; }
/* Okładki książek */
.bookCover.medium { width: 82px; }
.bookCover.medium60 { width: 64px }
.bookCover.medium44 { width: 48px }
.bookCover .frame { background-color: #fff; text-align: center }
.bookCover .frame img { margin: 2px }
.bookCover .shadow { font-size: 1px; height: 3px; background: transparent url("../img/avatar_shadow1.png") center top no-repeat; }
* html .bookCover .shadow { background-image: none } /* nie ma sensu wyświetlać pod ie6 */
/* Komunikaty */
.success { border: 1px dotted #cecece; padding: 6px 0; text-align: center; margin: 10px; background-color: #fff; color: #326342; font-weight: bold }
.success.default { font-size: 1.3em }
p.error { color: #ff0000; font-weight: bold; margin: 10px; }
.emptyList { font-size: 2.2em; text-align: center; border: 1px solid #DEDEDE; margin: 20px 0; padding: 20px; }
.success.default,
.error.default { border: 1px dotted #cecece; padding: 6px 0; text-align: center; margin: 10px; background-color: #fff; font-weight: bold; font-size: 1.3em; line-height: 1.5em }
p.info { border: 1px dotted #dedede; padding: 6px 0; text-align: center; margin: 10px; background-color: #fff; color: #034464; font-weight: bold }
/* Autocomplete */
.ac_results { z-index: 1500 }
/* Bannery */
#bannersContainer { clear: both; padding: 10px 0 }
#bannersContainer img { margin-left: 10px }
/* flat pages */
#flatPage .flatPageContent { font-size: 1.3em; padding: 10px 15px }
#flatPage .flatPageContent img {float: left; margin: 0 15px 5px 0;}
/* Ajax */
.listLoader { margin: 20px 0; text-align: center }
.ajax_popup_loader { width: 48px; height: 28px; background: transparent url("../img/ajax_loader_book.gif") center center no-repeat; }
.boxy-inner .done { font-size: 1.3em; font-weight: bold; text-align: center }
.boxy-inner .ok { margin: 10px auto; font-weight: bold; font-size: 1.1em; padding: 5px }
.boxy-inner .ajaxProgressPopup p { font-size: 1.3em; border-style: none; text-align: center }
.boxy-inner .ajaxProgressPopup p.success,
.boxy-inner .ajaxProgressPopup p.error { font-weight: bold; }
/* buttons */
.buttonWrapper { margin: 15px 0 }
.button,
.submitFormButton {background: transparent url(../img/bg_grey_button.png) no-repeat right -25px; padding: 0 4px 0 0; display: block; height: 25px; float: left;}
.button:hover,
.submitFormButton:hover {background-position: right -75px; text-decoration: underline;}
.button span,
.submitFormButton input {background: transparent url(../img/bg_grey_button.png) no-repeat left 0px; padding: 0 6px 0 10px; cursor: pointer; display: block; height: 25px; float: left; line-height: 23px; border: 0;}
.button:hover span,
.submitFormButton:hover input {background-position: left -50px; text-decoration: underline;}
.button.orange,
.button.orange span {background-image: url(../img/button_orange.png); color: #fff;}
.button.small {background-position:right -119px; display:block; float:right; height:19px; padding:0 5px 0 0; width:60px;}
.button.small:hover {background-position: right -157px; text-decoration: underline;}
.button.small span {background-position: left -100px; padding: 0px 10px 0px; cursor: pointer; display: block; height: 19px; line-height: 17px;}
.button.small:hover span {background-position: left -138px; text-decoration: underline;}
.button.comments {background-color: transparent; background-image: url(../img/comments_bg.png); background-repeat: no-repeat; background-position: 0 0; height: 18px; padding: 0 0 0 5px;}
.button.comments span {background-color: transparent; background-image: url(../img/comments_bg.png); background-repeat: no-repeat; background-position: 100% -18px; height: 18px; padding: 0 5px 0 0; color: #fff; line-height: 16px; font-weight: bold; }
.button.comments.type_1 {background-position: left -36px;}
.button.comments.type_1 span {background-position: right -54px;}
.button.comments.type_3 {background-position: left -72px;}
.button.comments.type_3 span {background-position: right -90px;}
.button.comments.type_2 {background-position: left -108px;}
.button.comments.type_2 span {background-position: right -126px;}
.button.comments,
.button.comments span {text-decoration: none;}
.button.comments.type_0,
.button.comments.type_0 span {cursor: default; }
.smallAddReviewButton { display: block; float: right; margin: 10px; width: 114px; height: 30px; background: transparent url("../img/smallAddReviewButton_sprites.gif") left top no-repeat; font-size: 1.3em; line-height: 26px; text-align: center; color: #fff }
input.smallAddReviewButton { border-style: none }
.smallAddReviewButton:hover { background-position: left -30px }
/* identyczny guzik tylko szerszy*/
.small190OrangeButton { display: block; float: right; margin: 10px; width: 190px; height: 30px; background: transparent url("../img/small190OrangeButton_sprites.png") left top no-repeat; font-size: 1.3em; line-height: 26px; text-align: center; color: #fff }
.small190OrangeButton:hover { background-position: left -30px }
.orangeButton { display: block; width: 114px; height: 30px; background: transparent url("../img/smallAddReviewButton_sprites.gif") left top no-repeat; font-size: 15px; line-height: 30px; text-align: center; color: #fff; font-weight: bold }
input.orangeButton { border-style: none }
.orangeButton:hover { background-position: left -30px }
.greyGradientButton { display: block; border-style: none; width: 111px; height: 25px; background: transparent url("../img/greyGradientButton_sprites.gif") left top no-repeat; font-size: 1.3em; line-height: 23px; text-align: center}
.greyGradientButton:hover { background-position: left -25px }
.blackSubmitButton { cursor: pointer; color: #fff; font-weight: bold; letter-spacing: 1px; width: 89px; height: 30px; border-style: none; background: transparent url("../img/submit_comment_button_sprites.png") left top no-repeat; }
.blackSubmitButton:hover { background-position: left -30px }
.elasticGreyGradientButton { height: 25px; background: transparent url("../img/elasticGreyGradientButton_sprites.png") left top no-repeat; padding-left: 4px}
.elasticGreyGradientButton:hover { background-position: left -25px; }
.elasticGreyGradientButton .right { height: 25px; background: transparent url("../img/elasticGreyGradientButton_sprites.png") right -50px no-repeat; padding-right: 4px }
.elasticGreyGradientButton:hover .right { background-position: right -75px; }
.elasticGreyGradientButton a,
.elasticGreyGradientButton input { display: block; border-style: none; height: 25px; background: transparent url("../img/elasticGreyGradientButton_sprites.png") left -100px repeat-x; font-size: 1.3em; line-height: 25px; text-align: center; color: #434343; font-weight: bold; padding: 0 10px }
.elasticGreyGradientButton:hover a,
.elasticGreyGradientButton:hover input { background-position: left -125px }
.singleButtonWrapper { overflow: hidden; padding: 10px 0 }
.singleButtonWrapper .elasticGreyGradientButton { float: left }
/* Listingi */
.listContainer .pagination { float: right; clear: both }
/* flexi input */
p.flexibleInput {overflow: hidden; margin: 10px 0;}
p.flexibleInput label {float: left; line-height: 24px; text-align: right;}
p.flexibleInput span.left,
p.flexibleInput span.left span.right {background: transparent url(../img/flexi_input_bg.png) no-repeat left top; display: block; padding:0; float: left;}
p.flexibleInput span.left {padding: 0 0 0 5px; margin: 0 0 0 10px;}
p.flexibleInput span.left span.right {background-position: right bottom; padding: 3px 5px 4px 0;}
p.flexibleInput span.left span.right input {background-color: transparent; border: 0;}
p.flexibleInput span.error {float: left; color: #f00; line-height: 24px; margin: 0; white-space: nowrap;}
p.message {font-size: 1.2em; width: 60%; margin: 0 auto 10px; border: 1px solid #BBBBBB; padding: 20px; text-align: center; font-weight: bold; line-height: 1.4em;}
p.message a {color: #E94D02}
#registration #sideColumn {width: 303px;}
#registration #mainColumn {width: 600px;}
/* instantHelpContainer */
.boxy-wrapper .question{width:auto !important;} /* temporary line */
.instantHelpContainer{width: 576px; min-height: 290px; background: #fff url("../img/question_mark_big.gif") no-repeat 425px 50px;}
.instantHelpContainer .close{float: right; width: 19px; height: 19px; background: url("../img/close_popup.gif") no-repeat left top; text-indent: -9000px; cursor: pointer;}
.instantHelpContainer .instantHelpQuestion,
.instantHelpContainer .instantHelpAnswer{width: 378px; font-size: 1.3em; line-height: 20px; text-align: justify;}
.instantHelpContainer .instantHelpQuestion{padding: 50px 0 0 22px;}
.instantHelpContainer .instantHelpAnswer{padding: 30px 0 30px 22px;}
/* helpLink */
.helpLink {display: block; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-indent: -9000px;}
.smallIcon{width: 15px; height: 15px; background-image: url("../img/icons/question_small_icon.png");}
.mediumIcon{width: 23px; height: 22px; background-image: url("../img/icons/question_medium_icon.png");}
.bigIcon{width: 28px; height: 28px; background-image: url("../img/icons/question_big_icon.png");}
.niceStatus { padding: 0 0 0 17px; background-color: transparent; background-position: left center; background-repeat: no-repeat; height: 13px; margin-right: 4px; }
.niceStatus.true { background-image: url("../img/icons/nice_check.png"); font-weight: bold }
.niceStatus.false { background-image: url("../img/icons/nice_uncheck.png"); }
/* bug report button */
#bugReport { border-style: none; width: 35px; height: 118px; position: fixed; z-index: 999; left: 0; top: 25%; display: block; background: transparent url(../img/reportBug.png) no-repeat -35px 0;}
#bugReport:hover {background-position: -35px -118px;}
#bugReportForm {width: 475px; display: none; }
#bugReportForm .ajax_loader {margin-top: 280px;}
#bugReportForm h3 {font-size: 1.4em; overflow: hidden;}
#bugReportForm h3 span {float: left;}
#bugReportForm h4 {clear: both;}
#bugReportForm form {overflow: hidden; margin: 0 auto;}
#bugReportForm .textContentBG {background:url("../img/messages_box_send_content_bg.png") no-repeat left top transparent; height:145px; margin:0 0 10px 0px; width:471px; clear: both; display: block; overflow: hidden;}
#bugReportForm .textContentBG #id_description {background-color: transparent; border:0 none; height:125px; padding:10px; width:451px; display: block; overflow-y: auto;}
#bugReportForm input { width:232px; color: #000; }
#bugReportForm label { float: left; line-height: 24px; text-align: right; }
#bugReportForm p { overflow: hidden; margin: 10px 0; }
#bugReportForm p span.wrapper { background: transparent url(../img/input238_bg.png) no-repeat left top; display: block; padding:0; float: left; clear: both; margin: 0; padding: 3px 4px 4px 4px; }
#bugReportForm p span.wrapper input { border-style: none; background-color: transparent }
#bugReportForm .selectContainer {float: left;}
#bugReportForm .selectContainer label {clear: left; float: left; line-height: 1.6em;}
#bugReportForm .selectContainer select {clear: left; float: left; background-color: #fff; border: 1px solid #b0b0b0; padding: 2px 5px;}
#bugReportForm .button {float: right; margin: 10px 5px 0 0; font-weight: bold; clear: left;}
#bugReportForm #captcha_holder {clear:both; float:left; margin:10px auto; text-align:center; width:470px;}
#bugReportForm #captcha_holder img {margin: 0 0 10px;}
#bugReportForm #captcha_code_holder label { margin: 0 10px 0 60px; }
#bugReportForm #captcha_code_holder span.wrapper {clear: none;}
#bugReportForm span.error { float: left; margin-left: 0; clear: both }
#bugReportForm .selectContainer span.error {float: left; color: #f00; line-height: 24px; white-space: nowrap;}
#bugReportForm #captcha_holder span.error {margin-left: 162px;}
.boxy-wrapper .close { display: block; float: right; width: 19px; height: 19px; padding: 0; background: url("../img/close_popup.gif") no-repeat left top; text-indent: -9000px }
#testFase {background-color:#F26503; color:#FFFFFF; float:left; font-size:1.4em; font-weight:bold; line-height:2.2em; margin-left:60px; padding:0 10px;}
/* banners */
#bannerTop {padding: 0 0 10px; text-align: center;}
.itemsCount { float: right; clear: right; font-size: 1.3em; margin: 5px 10px }
.itemsCount strong { font-size: 1.1em}
#magnifier { position: absolute; border: 1px solid #E94D02; padding: 5px; background-color: #fff; max-width: 250px; }
#magnifier img { max-width: 250px; max-height: 450px; cursor: pointer }
#footer { width: 926px; margin: 16px auto; font-size: 1.3em; line-height: 1.3em }
#footer p,
#footer blockquote,
#footer a { color: #6b6b6b; }
#bottomMenu { float: right }
#bottomMenu a { padding: 2px 10px 2px 5px; background: transparent url("../img/bottomMenu_links_separator.gif") right 4px no-repeat; }
#bottomMenu a.last { background-image: none }
#bottomMenu a.rss { background: transparent url("../img/rss_icon.gif") right center no-repeat; padding-right: 24px }
#footer blockquote { float: right; margin-top: 20px; width: 350px; background: transparent url("../img/quotes.gif") left top no-repeat; }
#footer blockquote .text { margin-left: 46px; text-align: left }
#footer blockquote .author { text-align: right; margin-top: 10px; margin-right: 20px; }
#madeBy { margin-top: 20px }
body .boxy-wrapper .top-left,
body .boxy-wrapper .top-right,
body .boxy-wrapper .bottom-right,
body .boxy-wrapper .bottom-left,
body .boxy-wrapper .left,
body .boxy-wrapper .right,
body .boxy-wrapper .top,
body .boxy-wrapper .bottom { width: auto; height: auto; background: none; }
.authBox { font-size: 13px; line-height: 16px; }
.authBox .close_popup { text-indent: -999em; float: right; width: 19px; height: 19px; background: url("../img/close_popup.gif") no-repeat left top; }
/* silniejsze selektory dla h3 ze wzgledu na użycie boxów wewnątrz contentFrame na stronach logowania i rejestracji (w contentFrame są domyślne h3 */
#loginBox.authBox h3,
#registerBox.authBox h3 { font-size: 22px; line-height: normal; font-weight: normal; margin: 5px 0 20px; color: #686868; float: left; font-family:Arial; }
.authBox .box_top { clear: both; padding-top: 5px; }
.authBox .box_bottom { padding-bottom: 5px; }
.authBox .box_middle { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; }
.authBox .box_bottom .required { position: relative; }
.authBox .box_bottom .required .required_img { position: absolute; top: -7px; right: -3px; background: url("../img/required_img.gif") no-repeat left top; width: 81px; height: 81px; }
.authBox .color,
.authBox .color a { color: #e14900; }
.authBox .login,
.authBox .register { float: right; text-indent: -999em; cursor: pointer; border: 0 none; height: 31px; }
.authBox .error,
.authBox .input_box .error { color: red; margin: 0 0 3px 165px; background: none; padding: 0; line-height: 20px;}
.authBox .error_box .error { color: red; margin-left: 30px; background: none; padding: 0; line-height: 20px; }
.authBox .input_box { position: relative; }
.authBox .input_box label { float: left; height: 20px; padding: 5px 4px 3px 0; width: 160px; }
.authBox.popup .input_box label { position: absolute; float: none; display: block; padding-left: 10px; width: 242px; top: 0; left: 0; text-align: left; font-weight: normal; }
.authBox.popup .input_box.account_type label { position: static; float: left; width: auto }
.authBox.popup .input_box select { position: relative }
.authBox .input_box span { float: left; background: url("../img/inputs_right.gif") no-repeat right top; padding-right: 4px; }
.authBox .input_box span span.inner { float: left; border: 0 none; width: 242px; height: 20px; padding: 5px 0 3px 0px; background: url("../img/inputs_left.gif") no-repeat left top; }
.authBox .input_box span span.inner input {padding-left: 10px; border: 0; width: 225px; background-color: transparent;}
.authBox .input_box .hint { margin-left: 170px; width: 250px; padding: 0 0 0 10px; background: none; font-size: 12px; line-height: 14px; }
.authBox.popup .input_box .hint { margin-left: 0; width: 145px; }
/* dla szerokich boxów krawędzie o dlugości 610px, dla popupowych mniejsze */
#loginBox .box_top { background: url("../img/wide_auth_box_top.gif") no-repeat left top; }
#loginBox .box_bottom { background: url("../img/wide_auth_box_bottom.gif") no-repeat left bottom; }
#loginBox.popup .box_top { background: url("../img/popup_login_box_top.gif") no-repeat left top; }
#loginBox.popup .box_bottom { background: url("../img/popup_login_box_bottom.gif") no-repeat left bottom; }
#loginBox .box_middle { width: 410px; padding: 20px 94px 20px 94px; }
#loginBox.popup .box_middle { width: 256px; padding: 20px 33px 20px 27px; }
#loginBox .box_middle form { margin-bottom: 30px; overflow: hidden; }
#loginBox .box_middle form .remember_box { float: left; margin-top: 5px; }
#loginBox .box_middle form .login { width: 99px; background: url("../img/login.gif") no-repeat left bottom; }
#loginBox .box_middle form .login:hover { background: url("../img/login.gif") no-repeat left top; }
#loginBox .box_middle .register_link { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 15px 0; padding: 10px 0; }
#loginBox .box_middle .register_link a { color: #E14900; }
#loginBox .box_middle .facebook_box { margin-top: 10px; text-align: right; }
#loginBox .box_middle form p,
#registerBox .box_middle p,
#registerBox .region p { overflow: hidden; margin-bottom: 10px; }
#registerBox .box_middle p .rulesLink {color: #E94D02; font-weight: bold;}
#registerBox .head { margin-bottom: 15px; }
#registerBox .head .top_text { font-weight: bold; font-weight: bold; margin-bottom: 10px; }
#registerBox .head .middle_text { float: left; padding-right: 15px; width: 195px; }
#registerBox .head .bottom_text { font-weight: bold; margin-top: 30px; }
#registerBox .box_top { background: url("../img/wide_auth_box_top.gif") no-repeat left top; margin-bottom: 20px; }
#registerBox .box_bottom { background: url("../img/wide_auth_box_bottom.gif") no-repeat left bottom; }
#registerBox.popup .box_top { background: url("../img/popup_register_box_top.gif") no-repeat left top; }
#registerBox.popup .box_bottom { background: url("../img/popup_register_box_bottom.gif") no-repeat left bottom; }
#registerBox .box_middle { width: 518px; padding: 20px 0 20px 80px; }
#registerBox.popup .box_middle { width: 434px; padding-left: 30px; }
#registerBox .region { margin: 25px 0 25px 30px; }
#registerBox p { clear: both; }
#registerBox form .register { margin-bottom: 20px; width: 126px; background: url("../img/register.gif") no-repeat left bottom; }
#registerBox form .register:hover { background: url("../img/register.gif") no-repeat left top; }
#registerBox form .captcha_img { width: 300px; padding: 10px 20px; border: 1px solid #ddd; margin-bottom: 30px; }
#registerBox form .input_box.captcha_box { height: 50px; }
#registerBox.popup form .input_box.captcha_box { height: auto; }
#registerBox form .input_box.captcha_box .errorlist { position: absolute; top: 30px; left: 170px; color: red; }
#registerBox.popup form .input_box #username_hint { margin-left: 0; padding-top: 5px; }
.ac_results {width: 246px !important;}
.ac_results { font-size: 12px; margin-top: -2px; }
.ac_results ul { padding: 5px 0 0 0; background: #f4f4f4; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 14px; }
.ac_results ul li { cursor: pointer; padding: 0 0 0 10px; margin-bottom: 8px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.ac_results ul li.ac_over { background: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.ac_results ul li span { font-style: italic; font-size: 10px; display: block; padding-left: 20px; }
.newsGalleryBox { margin-top: 20px; }
.newsGalleryBox .left { height: 100px; background: transparent url("../img/newsGalleryBox_left.gif") left top no-repeat; padding-left: 4px; }
.newsGalleryBox .right { height: 100px; background: transparent url("../img/newsGalleryBox_right.gif") right top no-repeat; padding-right: 4px }
.newsGalleryBox .imagesList { height: 100px; background: transparent url("../img/newsGalleryBox_center.gif") left top repeat-x; }
.newsGalleryBox .imagesList li { float: left; margin-top: 10px; width: 58px; height: 88px; text-align: center }
.newsGalleryBox .imagesList li.active { margin-right: 4px; margin-left: 4px; background: transparent url("../img/newsGalleryBox_active_image_bg.gif") left top repeat-x; }
.newsGalleryBox .imagesList li img { margin-top: 10px; border: 1px solid #fff; }
.newsGalleryBox .imagesList li img:hover { border-color: #e94d02 }
.newsGalleryBox .imagesList li.active img,
.newsGalleryBox .imagesList li.active img:hover { border-color: #fff }
.newsGalleryBox .detailsList { border-style: none solid; border-width: 1px; border-color: #b8b8b8; }
.newsGalleryBox .detailsList li { display: none; }
.newsGalleryBox .detailsList li.active { display: block; }
.newsGalleryBox .detailsList h4 { padding: 10px; color: #3a2419; font-size: 1.5em }
.newsGalleryBox .detailsList h4.audiobookTitle,
.newsGalleryBox .detailsList h4.ebookTitle { padding-left: 35px; background-color: transparent; background-position: 4px 4px; background-repeat: no-repeat; }
.newsGalleryBox .detailsList h4.audiobookTitle { background-image: url("../img/ikona_ab_25x25.png"); }
.newsGalleryBox .detailsList h4.ebookTitle { background-image: url("../img/ikona_eb_25x25.png"); }
.newsGalleryBox .detailsList .score { float: right; margin: 10px 5px; font-size: 1.3em }
.newsGalleryBox .bottom { font-size: 1px; height: 12px; background: transparent url("../img/newsGalleryBoxShadow_bottom.gif") left top no-repeat; }
.newsGalleryBox .tags { font-size: 1.2em; margin-left: 10px; margin-bottom: 10px }
.newsGalleryBox .tags a:hover { font-weight: bold; color: #01acd7; }
.newsGalleryBox .addedBy { float: right; margin: 0 8px; color: #9c9c9c; font-size: 1.1em; }
.newsGalleryBox .addedBy a { color: #239fc3; font-size: 1.1em }
.newsGalleryBox .detailsList { background: url("../img/newsGalleryDetailsList_bg.gif") left bottom repeat-x; }
.newsGalleryBox .bottom { background: transparent url("../img/newsGalleryBoxShadow_bottom.gif") left bottom no-repeat; }
.newsGalleryBox .sharing { margin: 10px 0 0 0; width: 320px; border-top: 1px solid #e3e3e3; font-size: 1.2em; font-weight: bold; color: #626262; padding: 10px 0 5px 12px }
.newsGalleryBox .commentsStats { float: right; clear: right; margin: 5px 5px 8px 0; width: 200px; border-left: 1px solid #e3e3e3 }
.newsGalleryBox .commentsStats .avatar { float: right }
.newsGalleryBox .commentsStats p.small { font-size: 1.1em; color: #4f4f4f }
.newsGalleryBox .commentsStats p { margin-left: 10px; font-size: 1.3em; line-height: 1.4em; color: #3e3e3e }
.newsGalleryBox .commentsStats .positive { color: #01acd7 }
.newsGalleryBox .commentsStats .negative { color: #cd3d01 }
.newsGalleryBox .comment { width: 380px; margin: 2px 0 0 10px; font-size: 1.3em; line-height: 1.4em }
#goldenReviewBox { margin-top: 10px; margin-bottom: 5px; border-style: dashed none; border-width: 1px; border-color: #d0d0d0; padding: 10px 0 15px; }
#goldenReviewBox img { float: left; margin: 0 10px 5px 0; }
#goldenReviewBox h4 { font-size: 1.5em; padding-bottom: 10px }
#goldenReviewBox .content { font-size: 1.1em; line-height: 1.4em }
#goldenReviewBox p.r { margin-top: 30px; text-align: right }
#goldenReviewBox .submitReviewButton { display: block; float: right; font-size: 16px; font-weight: bold; color: #191919; padding-top: 3px; width: 130px; height: 24px; text-align: center; background: transparent url("../img/submitReviewButton.gif") left top no-repeat; }
/* News-boxy */
.newsBox { }
.newsBox .more { text-align: right; margin: 0 10px 10px 0 }
.newsBox .more a { font-size: 1.1em; color: #e94d02 }
#newsBox { width: 296px; padding-bottom: 10px }
#newsBox ul { margin-top: 15px }
#newsBox ul li { border-top: 1px dashed #bbbbbb; padding: 6px 0 }
#newsBox ul li img { display: none; float: left; border: 2px solid #eaeae2; margin: 0 10px 5px 2px }
#newsBox ul li h4 { font-weight: normal; font-size: 1.2em; line-height: 1.3em; color: #3a2419; padding-left: 15px; background: #fff url("../img/blue_arrow_circle.jpg") left 3px no-repeat; }
#newsBox ul li .content { display: none; margin-top: 5px; font-size: 1.1em; line-height: 1.4em }
#newsBox ul li.active img,
#newsBox ul li.active .content { display: block }
#newsBox ul li.active .content .more { margin: 0; width: 11px; height: 11px; background: #fff url("../img/blue_arrow_circle.jpg") 0 0 no-repeat; padding-left: 10px; color: transparent; overflow: hidden }
#newsBox ul li.active h4 { background-image: none; font-weight: bold; font-size: 1.6em; padding-left: 0 }
#newsBox ul li.noNews {font-size: 1.2em; font-weight: bold; text-align: center; line-height: 1.6em; border-bottom: 1px solid #BBB;}
#usersActivityBox { margin-top: 15px; width: 304px; background: #fff url("../img/usersActivityBox_top.gif") 0 -4px no-repeat; padding-top: 4px; }
#usersActivityBox .center { border-style: none solid none solid; border-width: 1px; border-color: #bebebe; overflow:hidden; }
/*#usersActivityBox .bottom { height: 38px; background: #fff url("../img/usersActivityBox_bottom.gif") 0 bottom no-repeat; }*/
#usersActivityBox .bottom { height: 4px; background: #fff url("../img/usersActivityBox_top.gif") 0 0px no-repeat; }
#usersActivityBox ul {padding:10px 10px 10px 15px;}
#usersActivityBox ul li { overflow: hidden; border-bottom: 1px dashed #bbb; padding: 5px 0; }
#usersActivityBox ul li.last {border-bottom:0;}
#usersActivityBox ul li .avatar { float: left; margin-right: 10px }
#usersActivityBox ul li p {float:right; font-size:1.1em; line-height:1.4em; padding:0 0 5px; width:84%;}
#usersActivityBox ul li .ago { padding: 0; color: #737373; text-align: right; }
#usersActivityBox ul li p a { color: #20a1c0; }
#usersActivityBox .bottom p { font-size: 1.1em; text-align: right; line-height: 38px; padding-right: 10px; display: none;}
#usersActivityBox .bottom p em { font-style: normal; color: #e94d02; font-weight: bold }
/* Scoring */
/* sprite z gwiazdkami ma szerokość */
.scoring_ { width: 74px; height: 11px; background-image: url("../img/stars_sprites.gif"); }
.scoring_.hover { background-image: none }
.scoring_Stat { float: left }
.scoring_.s0 { background-position: -74px top }
.scoring_.s5,
.scoring_ .rateButtons.s10.hover { background-position: -58px -12px }
.scoring_.s10,
.scoring_ .rateButtons.s10.hover { background-position: -58px top }
.scoring_.s15 { background-position: -44px -12px }
.scoring_.s20,
.scoring_ .rateButtons.s20.hover { background-position: -44px top }
.scoring_.s25 { background-position: -28px -12px }
.scoring_.s30,
.scoring_ .rateButtons.s30.hover { background-position: -28px top }
.scoring_.s35 { background-position: -14px -12px }
.scoring_.s40,
.scoring_ .rateButtons.s40.hover { background-position: -14px top }
.scoring_.s45 { background-position: 0 -12px }
.scoring_.s50,
.scoring_ .rateButtons.s50.hover { background-position: left top }
.scoring_ .rateButtons { position: relative; width: 74px; height: 11px; }
.scoring_ .rateButtons.hover { background-image: url("../img/stars_sprites.gif"); }
.scoring_ .rateButtons button { cursor: pointer; float: left; border-style: none; background-color: transparent; width: 13px; height: 11px; margin-left: 1px; margin-right: 1px; text-indent: -9000px; }
.scoring_ .rateButtons button.first { margin-left: 2px }
.scoring_ .rateButtons button.last { margin: 0; }
/*.scoring_ .rateButtons button:hover { background-color: #000; opacity: 0.2; } do usuniecia */
#randomReviewsList { margin-top: 10px }
#randomReviewsList li { border-top: 1px dashed #bbbbbb; padding: 6px 0 }
/* #123 #randomReviewsList li.last { border-bottom: 1px dashed #bbbbbb; }*/
#randomReviewsList li .bookTitle {clear: left; padding: 0 0 5px 0; font-style: italic;}
#randomReviewsList li .cover { float: right; height: 70px; width: 42px; margin-left: 10px; text-align: center; background-position: center 0; background-repeat: no-repeat; cursor: pointer }
#randomReviewsList li .avatar { margin: 0 5px 5px auto; float: left;}
#randomReviewsList li h4 { font-size: 1.7em; padding: 0 0 4px 0;}
#randomReviewsList li .addedBy { color: #818181; font-size: 1.1em; padding: 4px 0 }
#randomReviewsList li .addedBy a { font-size: 1.1em; color: #20a1c0;}
#randomReviewsList li .ago { font-size: 1.1em }
#randomPatronageBox { margin-top: 10px; border-top: 1px dashed #BBBBBB; padding-bottom: 10px; padding-top: 10px }
#randomPatronageBox img { width: 290px; margin-bottom: 4px }
#bookNewsBox { width: 296px; padding-bottom: 10px }
#bookNewsBox ul { margin-top: 15px }
#bookNewsBox ul li { border-top: 1px dashed #bbbbbb; padding: 6px 0 }
#bookNewsBox ul li.first { border-top-style: none }
#bookNewsBox ul li h4 { font-weight: normal; font-size: 1.2em; line-height: 1.3em; color: #3a2419; }
#bookNewsBox ul li h4 .publisher { color: #239FC3; font-weight: bold }
#bookNewsBox ul li h4 .title { font-weight: bold }
#bookNewsBox ul li .content { display: none; margin-top: 5px; font-size: 1.1em; line-height: 1.4em }
#bookNewsBox ul li.noNews { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
#recommendedBooksBox { }
#recommendedBooksBox ul li { width: 220px; float: left; }
#recommendedBooksBox ul li .imgWrapper { display: block; float: left; padding: 1px; border: 1px solid #dedede; margin: 4px 10px 5px 0 }
#recommendedBooksBox ul li img { float: left }
#recommendedBooksBox ul li div { float: left; width: 120px; }
#recommendedBooksBox ul li h4 { font-size: 1.3em; margin-bottom: 10px }
#recommendedBooksBox ul li h4 a { color: #E94D02; }
#recommendedBooksBox ul li p { font-size: 1.2em; line-height: 1.5em; }
#recommendedBooksBox ul li p.link a { text-decoration: underline }
#recommendedBooksBox .jcarousel-prev {background:url("../img/bt_gallery_prev.png") no-repeat scroll center center transparent; height:30px; left:2px; position:absolute; text-indent:-999em; top:65px; width:30px; cursor:pointer;}
#recommendedBooksBox .jcarousel-next {background:url("../img/bt_gallery_next.png") no-repeat scroll center center transparent; height:30px; right:2px; position:absolute; text-indent:-999em; top:65px; width:30px; cursor:pointer;}
#recommendedBooksBox .jcarousel-prev.jcarousel-prev-disabled {background-image:url("../img/bt_gallery_prev_disable.png"); cursor:auto;}
#recommendedBooksBox .jcarousel-next.jcarousel-next-disabled {background-image:url("../img/bt_gallery_next_disable.png"); cursor:auto;}
#recommendedBooksBox .jcarousel-clip {width: 220px; margin-left: 40px }
#recommendedBooksBox .jcarousel-container { margin-top: 25px; padding: 15px 0; border: 1px solid #dedede }
#recommendedBooksBox .jcarousell li {width: 260px; margin: 5px; text-align: center;}
#reviewDetails #recommendedBooksBox { margin-bottom: 20px }
#reviewDetails #recommendedBooksBox .jcarousel-clip,
#bookDetails #recommendedBooksBox .jcarousel-clip { width: 350px }
#reviewDetails #recommendedBooksBox ul li,
#bookDetails #recommendedBooksBox ul li { width: 350px}
#reviewDetails #recommendedBooksBox ul li div,
#bookDetails #recommendedBooksBox ul li div { width: 240px }
/* chrome and safari hack */
/*
* dla chrome html>body*#id lub .class{ (i tu też kod css) }
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
}