/* elements */ input, textarea, select { background-color:#ECECEC; color:#000; font-size:12px; font-weight:normal; border-top: #999 1px solid; border-bottom: #900 1px solid; border-left: #999 1px solid; border-right: #900 1px solid; padding:0px 2px; font-family: Arial, Helvetica, "sans-serif", "MS Sans Serif"; } button { background-color:#ECECEC; color:#900; font-size:12px; font-weight:bold; border-top: #999 2px solid; border-bottom: #900 2px solid; border-left: #999 2px solid; border-right: #900 2px solid; padding:0px 4px; cursor:pointer; font-family: Arial, Helvetica, "sans-serif", "MS Sans Serif"; } .checkbox { border:none; background:none; vertical-align:middle; padding:0px; margin:0px; } .radio { border:none; background:none; vertical-align:middle; padding:0px; margin:0px; } hr { padding:0px; margin:0px; } div { padding:0px; margin:0px; position:relative; } div.table { display:table; border-collapse:collapse; } div.tr { display:table-row; } div.td { display:table-cell; } .clearBoth { display:block; width:1px; height:1px; font-size:1px; clear:both; } .buttimg { padding:0px 3px; margin:0px 1px; vertical-align:middle; background-color:#FFF; color:#999; border:1px solid #999; } .buttimg img { padding:1px 0px; margin:0px 5px 0px 0px; } .buttimg span { padding-top:1px; vertical-align:middle; } .buttImgOnly { padding:0px 3px; margin:0px 1px; vertical-align:middle; background-color:#FFF; color:#999; border:1px solid #999; } .buttImgOnly img { padding:1px 0px; margin:0px; } /* FAME */ #fameNavigation { position:absolute; top:55px; left:205px; width:230px; height:50px; font-size:125%; } #fameNavigation img { margin-top:0px; float:left; } #fameNavigation span { margin-top:3px; padding-left:5px; float:left; } #fameNavigation a { position:absolute; display:block; width:90px; height:25px; font-variant:small-caps; font-weight:bold; color:#000; cursor:pointer; } #fameNavigation a:hover { color:#900; } /* artists */ .city { font-size:10px; color:#000; font-weight:normal; font-style:italic; } #h1artist { height:22px; padding:0px; margin:0px; } #h1artist h1 { font-size:19px; color:#900; padding:0px; margin:0px; } #artistArrows { position:absolute; left:470px; top:2px; width:95px; vertical-align:top; } #artistArrows a { display:block; float:left; } #artistArrows span { display:block; float:left; font-size:15px; color:#000; font-variant:small-caps; letter-spacing:0em; font-weight:bold; margin:3px 8px; } #artistArrows img { margin-top:1px; vertical-align:top; } #pictureArrows { position:absolute; left:590px; top:2px; width:105px; vertical-align:top; } #pictureArrows a { display:block; float:left; } #pictureArrows span { display:block; float:left; font-size:15px; color:#000; font-variant:small-caps; letter-spacing:0em; font-weight:bold; margin:3px 8px; } #pictureArrows img { margin-top:1px; } #picturesDiv { width:690px; border:1px solid #000; text-align:left; overflow:hidden; margin-top:4px; clear:both; } #picturesDiv img { display:block; position:absolute; top:0px; margin:0px; padding:0px; border:none; vertical-align:top; } #webArtists { position:absolute; left:0px; top:6px; width:230px; text-align:left; vertical-align:top; } #webArtists a { font-size:13px; font-weight:bold; border-bottom:1px dotted #900; text-decoration:none; margin-right:20px; } #webArtists a:hover { text-decoration:none; } #webArtists span { font-size:11px; color:#333; font-style:italic; font-weight:normal; } #webCities { position:absolute; left:230px; top:6px; width:230px; font-size:11px; font-style:italic; text-align:center; vertical-align:top; } #orderPortfolio { position:absolute; right:0px; top:6px; width:230px; text-align:right; vertical-align:top; } #orderPortfolio a { font-size:12px; font-weight:bold; border-bottom:1px dotted #900; text-decoration:none; } #orderPortfolio a:hover { text-decoration:none; } #orderPortfolio span { font-size:smaller; font-weight:normal; color:#000; } .artistOverText { position:absolute; bottom:0px; background:#FFF; border-top:1px solid #999; display:none; font-size:10px; text-align:center; } /* contact */ #contactTable { width:350px; } #contactTable th { text-align:right; width:140px; height:25px; text-align:right; font-weight:normal; } #contactTable td { text-align:left; width:190px; } #allContent { position:absolute; width:690px; top:0px; bottom:20px; left:50%; margin-left: -345px; padding:0px; background-color:#FFF; text-align:center; z-index:1; } #logoTop { position:relative; width:100%; background:#FFF; background: url('../img/fame_bg_navig.gif'); background-repeat:no-repeat; height:115px; margin:0px; margin-top:106px; padding:0px; } #logoTop a { text-decoration:none; } #logoTop a:hover { text-decoration:none; } /* LANGUAGES */ #languages { position:absolute; top:35px; right:0px; width:500px; padding:0px; font-size:11px; text-align:right; color:#666; z-index:2; clear:both; } #languages a { color:#666; text-decoration:none; } #languages a:hover { color:#F60; text-decoration:none; } /* rest of FLAGS is direct in document */ /* INFO LINE TOP */ #navigInfoLine { position:relative; width:100%; height:30px; margin:0px; padding:0px; color:#000; text-align:right; } #navigInfoLine a { display:block; float:right; text-decoration:none; color:#FFF; margin:1px 10px 0px 10px; } #navigInfoLine a:hover { text-decoration:none; } #todayLine { position:absolute; top:7px; right:7px; color:#000; } /* LOGIN in line */ #loginInLine { position:absolute; top:3px; left:7px; color:#000; font-weight:bold; } #loginInLine span { height:15px; vertical-align:middle; } #loginInLine input { width:100px; height:15px; border:1px solid #F60; margin:3px 5px 0px 0px; padding:2px 3px 0px 3px; vertical-align:middle; } #loginInLine button { height:18px; background:#F60; margin:2px 5px 0px 0px; padding:0px 3px 2px 3px; border:1px solid #C60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #loginInLine a { display:inline; clear:both; text-decoration:none; margin:0px; padding:0px; vertical-align:middle; } /* SEARCH in line */ #searchInLine { display:block; float:right; } #searchInLine div { float:left; } #searchInLine img { margin:3px 5px 5px 7px; } #searchInLine input { width:110px; height:17px; border:1px solid #999; margin:3px 5px 5px 0px; padding:0px 3px; } #searchInLine button { height:17px; background:#666; margin:3px 5px 5px 0px; padding:0px 3px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } #mainContent { position:relative; width:690px; margin:0px 0px 10px 0px; padding:0px 0px 40px 0px; text-align:left; background-color:#FFF; border-top:1px solid #FFF; } /* border:1px solid red; */ #searchBookForm input { width:200px; height:15px; color:#666; border:1px solid #F60; margin:3px 5px 0px 0px; padding:2px 3px 0px 3px; vertical-align:middle; } #searchBookButton { width:62px; height:18px; background:#F60; margin:2px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #resetBookForm { width:276px; height:18px; background:#4C7688; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #4C7688; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } .buttonDisabled { height:18px; background:#BBB; border:1px solid #BBB; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; cursor:default; } #orderByAuthorForm { width:276px; height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #orderByBookNameForm { width:276px; height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #orderDirectionAscForm { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #orderDirectionDescForm { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #partOfBooksUnread { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #partOfBooksRead { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #partOfBooksAll { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #showFavoriteBooks { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #showReadBooks { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #showDiscardBooks { height:18px; background:#F60; margin:10px 5px 0px 0px; padding:0px 10px 2px 10px; border:1px solid #F60; font-size:11px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; } #saveToExcelButton { display:block; width:276px; height:20px; background:#6C0; border:1px solid #360; margin:10px 0px 0px 0px; padding:0px 10px 3px 10px; vertical-align:top; } #saveToExcelButton img { vertical-align:top; margin-top:1px; } #saveToExcelButton span { vertical-align:top; padding-top:2px; } #printButton { display:block; width:276px; height:20px; background:#69F; border:1px solid #339; margin:0px 0px 0px 0px; padding:0px 10px 3px 10px; vertical-align:top; } #printButton img { vertical-align:top; margin-top:1px; } #printButton span { vertical-align:top; padding-top:2px; } #headContent { position:relative; width:100%; height:50px; margin:0px; padding:0px; text-align:left; background-color:#FFF; } #headContent h1 { padding-top:5px; } #navigationLevel0 { position:relative; width:100%; height:17px; margin:10px 0px 0px 0px; padding:0px; text-align:left; border:1px solid red; } #navigationLevel0 table { position:absolute; top:0px; left:0px; } #navigationLevel0 td { font-size:10px; font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } #navigationLevel0 .tdSeparator { width:1px; font-size:1px; } #navigationLevel0 .divSeparator { height:12px; background:#999; margin-top:2px; } #navigationLevel0 .divLink { height:12px; margin-top:2px; } #navigationLevel0 a { color:#999; text-decoration:none; } #navigationLevel0 a:hover { color:#258; text-decoration:none; } #navigationLevel0 .aActive { color:#258; } #navigationDivLevel0 { position:relative; width:100%; height:17px; padding:9px 0px 7px 0px; text-align:left; font-size:14px; font-weight:bold; letter-spacing:1pt; font-family:'Trebuchet MS',Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } #navigationDivLevel0 div { float:left; } #navigationDivLevel0 .divSeparator { width:1px; height:12px; font-size:1px; background:#999; margin-top:2px; } #navigationDivLevel0 .divLink { height:12px; margin-top:2px; } #navigationDivLevel0 .divFirst { text-align:left; margin:0px 10px 0px 0px; } #navigationDivLevel0 .divCenter { text-align:center; margin:0px 10px 0px 10px; } #navigationDivLevel0 .divLast { text-align:right; margin:0px 0px 0px 10px; } #navigationDivLevel0 a { color:#666; text-decoration:none; } #navigationDivLevel0 a:hover { color:#F60; text-decoration:none; } #navigationDivLevel0 .aActive { color:#F60; } #navigationRoundDivLevel0 { position:relative; width:100%; height:17px; padding:3px 0px 0px 15px; text-align:left; font-size:14px; font-weight:bold; letter-spacing:1pt; font-family:'Trebuchet MS',Arial,Helvetica,Geneva,sans-serif,"MS Sans Serif"; } #navigationRoundDivLevel0 div { float:left; } #navigationRoundDivLevel0 .divSeparator { width:1px; height:12px; font-size:1px; background:#CCC; margin-top:2px; } #navigationRoundDivLevel0 .divLink { height:12px; margin-top:2px; } #navigationRoundDivLevel0 .divFirst { text-align:left; margin:0px 10px 0px 0px; } #navigationRoundDivLevel0 .divCenter { text-align:center; margin:0px 10px 0px 10px; } #navigationRoundDivLevel0 .divLast { text-align:right; margin:0px 0px 0px 10px; } #navigationRoundDivLevel0 a { color:#FFF; text-decoration:none; } #navigationRoundDivLevel0 a:hover { color:#B0D5E4; text-decoration:none; } #navigationRoundDivLevel0 .aActive { color:#B0D5E4; } /*************************************************************************************/ /******************************** LEFT NAVIGATION *************************************/ #leftNavigation { float:left; width:200px; background:#FFF; z-index:100; } #leftNavigation table { width:100%; table-layout:fixed; padding:0px; margin:0px; } #leftNavigation th { text-align:right; } #leftNavigation td { font-size:10px; padding:2px 0px; border-bottom:1px dotted #999; } #leftNavigation img { margin-right:5px; } #leftNavigation a { color:#999; text-decoration:none; margin:0px 4px 0px 0px; } #leftNavigation a:hover { color:#258; text-decoration:none; } #leftNavigation .aActive { color:#258; } #leftNavigation .shopLevel1 th { width:6px; } #leftNavigation .shopLevel2 img { margin-top:5px; _margin-top:6px; } #leftNavigation .shopLevel2 th { width:24px; } #leftNavigation .shopLevel3 img { margin-top:6px; _margin-top:7px; } #leftNavigation .shopLevel3 th { width:34px; } /*** CATEGORY LEVEL 1 ***/ #categoryLevel1MainDiv { position:relative; clear:both; margin:0px auto; width:660px; } #categoryLevel1MainDiv .categoryLevel1RowDiv { position:relative; width:100%; clear:both; } #categoryLevel1MainDiv .categoryLevel1Cell { float:left; margin:10px 20px 0px 0px; } #categoryLevel1MainDiv a { display:block; width:80px; margin:10px 20px 0px 0px; border:1px solid #FFF; text-decoration:none; cursor:pointer; } #categoryLevel1MainDiv a:hover { border:1px solid #CCC; text-decoration:none; } .categoryLevel1MainSpan { display:block; width:100%; min-height:110px; } .categoryLevel1BorderSpan { display:block; margin-top:3px; } .categoryLevel1TextSpan { display:block; width:80px; margin:4px 0px 2px 0px; padding-top:2px; border-top:1px solid #CCC; text-align:center; line-height:130%; color:#666; font-size:10px; font-weight:bold; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } #leftNextActions { width:100%; margin-bottom:8px; } #leftNextActions a { color:#333; } #leftNextActions a:hover { color:#666; } /* RECOMMEND popup window */ #recommendMain { position:relative; width:400px; _width:440px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:15px; } #recommendMain h1 { margin-bottom: 15px; } #recommendMain a { text-decoration:none; } #recommendMain a:hover { text-decoration:none; } #recommendMain table { width:220px; } #recommendMain th { text-align:left; height:16px; } #recommendPageMessages { position:relative; width:100%; margin: 10px auto; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid #F09; } /* SEARCH branch (extended search) */ #branchSearch { position:relative; width:660px; margin-top:20px; margin-left:190px; text-align:left; } #branchExtendedSearch { width:100%; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #branchExtendedSearch div { float:left; } #branchExtendedSearch img { margin:7px 5px 5px 7px; } #branchExtendedSearch input { width:110px; height:17px; color:#666; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #branchExtendedSearch select { width:80px; height:16px; border:1px solid #999; margin:5px 5px 5px 0px; padding:0px; } #branchExtendedSearch button { height:17px; background:#666; margin:5px 5px 5px 10px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } .searchExtendedNavig { position:relative; width:100%; height:19px; border:1px dotted #999; clear:both; overflow:hidden; background:#FDD; } .searchExtendedRecordsNavig { position:absolute; top:3px; left:6px; width:100%; height:15px; text-align:left; font-weight:bold; clear:both; overflow:hidden; } .searchExtendedArrowNavig { position:absolute; right:6px; width:100%; height:15px; text-align:right; clear:both; overflow:hidden; } .searchExtendedArrowNavig img { margin-top:-2px; _margin-top:1px; vertical-align:middle;} .searchExtendedArrowNavig span { font-weight:bold; color:#F09; margin:4px 5px 0px 0px; vertical-align:middle;}/* border:1px solid red;*/ .searchExtendedArrowNavig a { font-weight:normal; color:#F09; margin:0px; } .searchExtendedArrowNavig a:hover { text-decoration: none; color:#000; } /* search results */ .searchProductName { margin:10px 0px 3px 0px; } .searchProductName a { font-size:13px; color:#666; font-weight:bold; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } .searchProductName a:hover { color:#000; } .searchProductDescription a { font-size:11px; color:#999; text-decoration:none; } /* Content - MAIN BOOK CLUB */ #mainBookClubs { width:100%; margin-bottom:8px; } #mainBookClubs a { color:#3C5D6B; } #mainBookClubs a:hover { color:#F30; } /* RIGHT NAVIGATION */ #rightNavigation { float:left; width:200px; margin:0px; } /* border:1px solid red; */ /* NEXT BOOK CLUB */ #rightNextBookClub { width:100%; margin-bottom:8px; } #rightNextBookClub a { color:#3C5D6B; } #rightNextBookClub a:hover { color:#F30; } /* OLDER BOOK CLUB */ #rightOldBookClub { width:100%; margin-bottom:8px; } #rightOldBookClub a { color:#3C5D6B; } #rightOldBookClub a:hover { color:#F30; } /* TODAY right navigation */ #todayDiv { width:100%; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #todayDiv img { margin:2px; } #todayDiv input { width:110px; height:17px; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #todayDiv button { width:25px; height:17px; background:#666; margin:5px 5px 5px 0px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } /* SEARCH right navigation */ #searchDiv { width:100%; margin-top:10px; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #searchDiv div { float:left; } #searchDiv img { margin:7px 5px 5px 7px; } #searchDiv input { width:110px; height:17px; border:1px solid #999; margin:5px 5px 5px 0px; padding:1px 2px 0px 3px; } #searchDiv button { width:25px; height:17px; background:#666; margin:5px 5px 5px 0px; border:2px solid #333; border-top:1px solid #BBB; border-left:1px solid #BBB; font-size:10px; color:#FFF; text-align:center; overflow:hidden; } /* PAGE print and recommend */ #pageOperations { width:100%; margin-top:10px; padding-bottom:1px;background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #pageOperations a { display:block; font-size:10px; margin:2px 0px 2px 7px; _margin:2px 0px 2px 5px; } /* CURRENT LOGED CLIENT */ #currentClient /* { position:relative; margin-top:10px; width:100%; background:#FEE; border:1px dotted #999; clear:both; font-size:12px; line-height:130%; display:none; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } */ { position:relative; clear:both; font-size:12px; line-height:130%; display:none; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } /* CURRENCY */ #currencyDiv { margin-top:10px; width:100%; height:27px; background:#FFF; border:1px dotted #999; clear:both; background-image:url(../img/bg_gray_1.jpg); } #currencyDiv div { float:left; overflow:hidden; } #currencyDiv .currencyText { width:113px; } #currencyDiv span { display:block; margin:6px 0px 0px 5px; _margin:4px 0px 0px 5px; } #currencyDiv .currencySelect { width:60px; text-align:right; } #currencyDiv select { margin:4px 3px 0px 0px; _margin:3px 3px 0px 0px; } .subnavigHead { font-size:11px; font-weight:bold; color:#999; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } .mandatory { color:#AD0; width:15px; text-align:center; font-size:13px; } .mandatory img { margin:1px 4px 0px 0px; } #registerDiv { position:relative; width:660px; margin-top:20px; margin-left:190px; text-align:left; } #registerDiv table { width:500px; } #registerDiv td { color:#333; } #orderAddressDiv { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #orderAddressDiv table { width:500px; } #orderAddressDiv td { color:#333; } #buyNowOrder { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #buyNowOrder table { width:500px; } #buyNowOrder td { color:#333; } #buyNowPayment { position:relative; width:660px; margin-top:20px; margin-left:0px; text-align:left; } #buyNowPayment table { width:500px; } #buyNowPayment td { color:#333; } #personButton { float:left; cursor:pointer; padding:4px 10px; background:#DEE; border:1px solid #258; } #personButton input { vertical-align:middle; } #personButton span { vertical-align:middle; } #companyButton { float:left; cursor:pointer; padding:4px 10px; background:#DDD; border:1px solid #999; margin-left:20px; } #companyButton input { vertical-align:middle; } #companyButton span { vertical-align:middle; } #personForm { clear:both; } #loginDiv { position:relative; width:560px; margin-left:220px; } #contactMain { position:relative; width:560px; margin-left:220px; } /* popup FORGOT PASSWORD */ #forgotPassword { position:relative; width:300px; _width:340px; height:100%; margin: 0px auto 0px auto; background:#FFF; padding:15px; } #forgotPassword h1 { margin-bottom: 15px; } #forgotPassword a { text-decoration:none; } #forgotPassword a:hover { text-decoration:none; } #forgotPassword table { width:220px; } #forgotPassword th { text-align:left; height:16px; } #forgotPasswordMessages { position:relative; width:100%; margin: 5px auto 10px auto; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } #messagesDiv { position:relative; width:560px; margin:10px 0px 20px 190px; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } #messagesOkFromDB { position:relative; width:560px; margin:10px 0px 20px 190px; background:#FCC; font-size:12px; font-weight:bold; text-align:left; display:none; border: 1px solid red; } .msgH { font-size:12px; color:#000; text-align:left; margin:5px; } .msgHead { font-size:14px; color:#000; text-align:left; margin:5px; } .msgOk { font-size:larger; color:#888; text-align:left; margin:5px; } .msgNo { font-size:larger; color:#F00; text-align:left; margin:5px; } #giftCertificatesTable th { font-size:12px; vertical-align:top; } #ordersTable th { width:90px; font-size:12px; vertical-align:top; text-align:center; border-left: 1px dotted #DDD; } #ordersTable td { width:90px; vertical-align:top; text-align:center; border-top: 1px dotted #DDD; border-left: 1px dotted #DDD; } /* CONTENT */ #content { float:left; width:690px; margin:25px 0px 10px 0px; text-align:left; } #booksList a { display:block; color:#333; background:#FFF; margin:0px auto 10px auto; padding:5px; text-decoration:none; } #booksList a:hover { display:block; color:#333; background:#DDF; margin:0px auto 10px auto; text-decoration:none; } #booksTable { width:100%; border-collapse:collapse; empty-cells:show; border-top:1px dotted #4C7688; border-left:1px dotted #4C7688; } #booksTable td { text-align:left; font-size:10px; vertical-align:middle; border-right:1px dotted #4C7688; border-bottom:1px dotted #4C7688; } #booksTable a { display:block; color:#333; padding:4px; text-decoration:none; } #booksTable a:hover { text-decoration:none; } #booksTable span { display:block; float:left; border-right:1px solid #4C7688; border-bottom:1px solid #4C7688; } #booksTable img { vertical-align:top; margin:0px 0px 0px 10px; } #userInfoTable { width:500px; background:#FFF; font-size:130%; margin:0px auto; border-collapse:collapse; empty-cells:show; border:1px dotted #CCC; } #userInfoTable td { width:300px; text-align:left; padding-left:5px; font-weight:bold; } #userInfoTable th { text-align:right; padding-right:5px; } /* ADDRESS LIST */ #addressListTable { width:100%; border-collapse:collapse; empty-cells:show; border:1px dotted #999; margin-bottom:15px; } #addressListTable th { font-size:10px; font-weight:bold; background:#FCF5D8; } #addressListTable td { font-size:10px;} #showSectionParents { position:relative; width:100%; clear:both; margin:0px 0px 10px 0px; font-size:10px; font-weight:normal; } #showSectionParents a { color:#000; font-size:10px; font-weight:normal; text-decoration:none; } #showSectionParents a:hover { text-decoration:underline; } #showSectionParents .parentsSeparator { color:#258; font-size:10px; font-weight:normal; } .imgHref { margin-right:5px; text-decoration:none; vertical-align:top; cursor:pointer; } #articlePreviewActive { position:relative; width:100%; clear:both; } #articlePreviewActive a { display:block; position:relative; width:100%; clear:both; text-decoration:none; color:#666; } #articlePreviewActive .authorMailTo { display:inline; } #articlePreviewActive .articleDate { display:block; margin:5px 0px 0px 5px; } #articlePreviewActive .articleAuthor { display:block; position:absolute; top:0px; right:5px; textalign:right; } #articlePreviewActive .articleDeck2 { display:block; color:#360; font-size:120%; font-weight:bold; margin:8px 5px 3px 5px; } #articlePreviewActive .articleDeck3 { display:block; color:#F60; font-size:120%; font-weight:bold; margin:8px 5px 3px 5px; } #articlePreviewActive .articleCaption { display:block; color:#000; margin:0px 5px; } #articlePreviewActive .articleSmallThumbnail { display:block; height:70px; } #articlePreviewActive .articleMore2 { color:#360; font-weight:bold; margin-left:10px; } #articlePreviewActive .articleMore3 { color:#F60; font-weight:bold; margin-left:10px; } #articleDateAndAutorDiv { margin-bottom:5px; position:relative; } #articleDateAndAutorDiv .articleDate { display:block; color:#666; font-weight:bold; } #articleDateAndAutorDiv .articleAuthor { display:block; position:absolute; top:0px; right:0px; color:#999; font-weight:bold; } #articleDateAndAutorDiv a { color:#666; } #articleDateAndAutorDiv a:hover { color:#000; } /* pay cards */ #payCards { position:relative; width:660px; margin: 20px auto 0px auto; text-align:center; } /* foot */ #foot { position:fixed; width:100%; left:0px; bottom:0px; padding:5px 0px; clear:both; text-align:left; font-size: 9px; color:#999; background:#FFF; border-top:1px solid #CCC; z-index:100; } /* border:1px solid red; */ #foot a { color:#666; } #foot a:hover { color:#666; } /* bottom */ #bottom { display:none; position:absolute; width:1000px; height:100%; bottom:0px; left:50%; margin-left: -500px; background-color:#FFF; z-index:0; } /* BOX Curved */ .box { background: transparent; margin:0px auto; } .box h1, .box h2, .box h3, .box h4, .box p { margin:0px 10px; } .box .top, .box .bottom { display:block; background:transparent; font-size:1px;} .box .b1, .box .b2, .box .b3, .box .b4, .box .b1b, .box .b2b, .box .b3b, .box .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .box .b2, .box .b3, .box .b4 { background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;} .box .b2b, .box .b3b, .box .b4b { background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;} .box .b1 { margin:0px 5px; background:#CCC; } .box .b2, .box .b2b { margin:0px 3px; border-width:0px 2px; } .box .b3, .box .b3b { margin:0px 2px; } .box .b4, .box .b4b {height:2px; margin:0px 1px; } .box .b1b { margin:0px 5px; background:#CCC; } .box .boxContent { display:block; background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxThemes a { position:relative; display:block; background:#DEE; font-size:11px; font-weight:bold; color:#369; text-decoration:none; border:1px dotted #369; margin:3 10 0 10px; font-family:verdana; } .boxThemes a:hover { background:#CDD; } .rowSpan { position:relative; display:block; background:#EEE; font-size:11px; font-weight:bold; color:#999; border:1px dotted #999; margin:3 10 0 10px; font-family:verdana; } .boxThemes .leftIcon { position:absolute; top:2px; left:4px; } .boxThemes .rightIcon { position:absolute; top:0px; right:4px; } .boxThemes .spanInnen { display:block; position:relative; top:2px; left:25px; width:220px; padding-bottom:4px; } .boxLGray { background: transparent; margin:0px auto; } .boxLGray h1, .boxLGray h2, .boxLGray h3, .boxLGray h4, .boxLGray p { margin:0px 10px; } .boxLGray .top, .boxLGray .bottom { display:block; background:transparent; font-size:1px;} .boxLGray .b1, .boxLGray .b2, .boxLGray .b3, .boxLGray .b4, .boxLGray .b1b, .boxLGray .b2b, .boxLGray .b3b, .boxLGray .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxLGray .b2, .boxLGray .b3, .boxLGray .b4 { background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLGray .b2b, .boxLGray .b3b, .boxLGray .b4b { background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLGray .b1 { margin:0px 5px; background:#CCC; } .boxLGray .b2, .boxLGray .b2b { margin:0px 3px; border-width:0px 2px; } .boxLGray .b3, .boxLGray .b3b { margin:0px 2px; } .boxLGray .b4, .boxLGray .b4b {height:2px; margin:0px 1px; } .boxLGray .b1b { margin:0px 5px; background:#CCC; } .boxLGray .boxContent { display:block; background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxLBlue { background: transparent; margin:0px auto; } .boxLBlue h1, .boxLBlue h2, .boxLBlue h3, .boxLBlue h4, .boxLBlue p { margin:0px 10px; } .boxLBlue .top, .boxLBlue .bottom { display:block; background:transparent; font-size:1px;} .boxLBlue .b1, .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b4, .boxLBlue .b1b, .boxLBlue .b2b, .boxLBlue .b3b, .boxLBlue .b4b { display:block; font-size:1px; overflow:hidden; } .boxLBlue .b1, .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b1b, .boxLBlue .b2b, .boxLBlue .b3b {height:1px;} .boxLBlue .b2, .boxLBlue .b3, .boxLBlue .b4 { background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLBlue .b2b, .boxLBlue .b3b, .boxLBlue .b4b { background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC;} .boxLBlue .b1 { margin:0px 5px; background:#CCC; } .boxLBlue .b2, .boxLBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxLBlue .b3, .boxLBlue .b3b { margin:0px 2px; } .boxLBlue .b4, .boxLBlue .b4b {height:2px; margin:0px 1px; } .boxLBlue .b1b { margin:0px 5px; background:#CCC; } .boxLBlue .boxContent { display:block; background:#DEE; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-bottom:7px;} .boxDBlue { background: transparent; margin:0px auto; } .boxDBlue h1, .boxDBlue h2, .boxDBlue h3, .boxDBlue h4, .boxDBlue p { margin:0px 10px; } .boxDBlue .top, .boxDBlue .bottom { display:block; background:transparent; font-size:1px;} .boxDBlue .b1, .boxDBlue .b2, .boxDBlue .b3, .boxDBlue .b4, .boxDBlue .b1b, .boxDBlue .b2b, .boxDBlue .b3b, .boxDBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxDBlue .b2, .boxDBlue .b3, .boxDBlue .b4 { background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56;} .boxDBlue .b2b, .boxDBlue .b3b, .boxDBlue .b4b { background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56;} .boxDBlue .b1 { margin:0px 5px; background:#262F56; } .boxDBlue .b2, .boxDBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxDBlue .b3, .boxDBlue .b3b { margin:0px 2px; } .boxDBlue .b4, .boxDBlue .b4b {height:2px; margin:0px 1px; } .boxDBlue .b1b { margin:0px 5px; background:#262F56; } .boxDBlue .boxContent { display:block; background:#101C36; border-left:1px solid #262F56; border-right:1px solid #262F56; padding-bottom:7px;} /* BG = Dark Orange F60 BORD = Dark Orange F60 */ .boxDarkOrange { display:block; background: transparent; margin:0px auto; } .boxDarkOrange h1, .boxDarkOrange h2, .boxDarkOrange h3, .boxDarkOrange h4, .boxDarkOrange p { margin:0px 10px; padding:2px 0px 3px 0px; } .boxDarkOrange .top, .boxDarkOrange .bottom { display:block; background:transparent; font-size:1px;} .boxDarkOrange .b1, .boxDarkOrange .b2, .boxDarkOrange .b3, .boxDarkOrange .b4, .boxDarkOrange .b1b, .boxDarkOrange .b2b, .boxDarkOrange .b3b, .boxDarkOrange .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxDarkOrange .b2, .boxDarkOrange .b3, .boxDarkOrange .b4 { background:#F60; border-left:1px solid #F60; border-right:1px solid #F60;} .boxDarkOrange .b2b, .boxDarkOrange .b3b, .boxDarkOrange .b4b { background:#F60; border-left:1px solid #F60; border-right:1px solid #F60;} .boxDarkOrange .b1 { margin:0px 5px; background:#F60; } .boxDarkOrange .b2, .boxDarkOrange .b2b { margin:0px 3px; border-width:0px 2px; } .boxDarkOrange .b3, .boxDarkOrange .b3b { margin:0px 2px; } .boxDarkOrange .b4, .boxDarkOrange .b4b {height:2px; margin:0px 1px; } .boxDarkOrange .b1b { margin:0px 5px; background:#F60; } .boxDarkOrange .boxContent { display:block; background:#F60; border-left:1px solid #F60; border-right:1px solid #F60; } .boxDarkOrange h1 { color:#FFF; margin:0px 10px; } /* BG = LightOrange = FCF5D8 BORD = DarkOrange = F60 */ .boxLightDarkOrange { display:block; background: transparent; margin:0px auto; } .boxLightDarkOrange h1, .boxLightDarkOrange h2, .boxLightDarkOrange h3, .boxLightDarkOrange h4, .boxLightDarkOrange p { color:#F60; margin:0px 10px; } .boxLightDarkOrange .top, .boxLightDarkOrange .bottom { display:block; background:transparent; font-size:1px;} .boxLightDarkOrange .b1, .boxLightDarkOrange .b2, .boxLightDarkOrange .b3, .boxLightDarkOrange .b4, .boxLightDarkOrange .b1b, .boxLightDarkOrange .b2b, .boxLightDarkOrange .b3b, .boxLightDarkOrange .b4b { display:block; font-size:1px; overflow:hidden; } .boxLightDarkOrange .b1, .boxLightDarkOrange .b2, .boxLightDarkOrange .b3, .boxLightDarkOrange .b1b, .boxLightDarkOrange .b2b, .boxLightDarkOrange .b3b {height:1px;} .boxLightDarkOrange .b2 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b3 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b4 { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b4b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b3b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b2b { background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60;} .boxLightDarkOrange .b1 { margin:0px 5px; background:#F60; } .boxLightDarkOrange .b2, .boxLightDarkOrange .b2b { margin:0px 3px; border-width:0px 2px; } .boxLightDarkOrange .b3, .boxLightDarkOrange .b3b { margin:0px 2px; } .boxLightDarkOrange .b4, .boxLightDarkOrange .b4b {height:2px; margin:0px 1px; } .boxLightDarkOrange .b1b { margin:0px 5px; background:#F60; } .boxLightDarkOrange .boxContent { display:block; background:#FCF5D8; border-left:1px solid #F60; border-right:1px solid #F60; padding-bottom:1px; } /* BG = White = FFF BORD = DarkOrange = F60 */ .boxWhiteDarkOrange { display:block; background: transparent; margin:0px auto; } .boxWhiteDarkOrange h1, .boxWhiteDarkOrange h2, .boxWhiteDarkOrange h3, .boxWhiteDarkOrange h4, .boxWhiteDarkOrange p { color:#F60; margin:0px 10px; } .boxWhiteDarkOrange .top, .boxWhiteDarkOrange .bottom { display:block; background:transparent; font-size:1px;} .boxWhiteDarkOrange .b1, .boxWhiteDarkOrange .b2, .boxWhiteDarkOrange .b3, .boxWhiteDarkOrange .b4, .boxWhiteDarkOrange .b1b, .boxWhiteDarkOrange .b2b, .boxWhiteDarkOrange .b3b, .boxWhiteDarkOrange .b4b { display:block; font-size:1px; overflow:hidden; } .boxWhiteDarkOrange .b1, .boxWhiteDarkOrange .b2, .boxWhiteDarkOrange .b3, .boxWhiteDarkOrange .b1b, .boxWhiteDarkOrange .b2b, .boxWhiteDarkOrange .b3b {height:1px;} .boxWhiteDarkOrange .b2 { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b3 { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b4 { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b4b { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b3b { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b2b { background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60;} .boxWhiteDarkOrange .b1 { margin:0px 5px; background:#F60; } .boxWhiteDarkOrange .b2, .boxWhiteDarkOrange .b2b { margin:0px 3px; border-width:0px 2px; } .boxWhiteDarkOrange .b3, .boxWhiteDarkOrange .b3b { margin:0px 2px; } .boxWhiteDarkOrange .b4, .boxWhiteDarkOrange .b4b {height:2px; margin:0px 1px; } .boxWhiteDarkOrange .b1b { margin:0px 5px; background:#F60; } .boxWhiteDarkOrange .boxContent { display:block; background:#FFF; border-left:1px solid #F60; border-right:1px solid #F60; padding-bottom:1px; } /* LightGreen = E5FACF DarkGreen = 360 */ .boxJSPLightGreen { display:block; background: transparent; margin:0px auto; } .boxJSPLightGreen h1, .boxJSPLightGreen h2, .boxJSPLightGreen h3, .boxJSPLightGreen h4, .boxJSPLightGreen p { color:#360; margin:0px 10px; padding:2px 0px 1px 0px; } .boxJSPLightGreen .top, .boxJSPLightGreen .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightGreen .b1, .boxJSPLightGreen .b2, .boxJSPLightGreen .b3, .boxJSPLightGreen .b4, .boxJSPLightGreen .b1b, .boxJSPLightGreen .b2b, .boxJSPLightGreen .b3b, .boxJSPLightGreen .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightGreen .b2, .boxJSPLightGreen .b3, .boxJSPLightGreen .b4 { background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360;} .boxJSPLightGreen .b2b, .boxJSPLightGreen .b3b, .boxJSPLightGreen .b4b { background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360;} .boxJSPLightGreen .b1 { margin:0px 5px; background:#360; } .boxJSPLightGreen .b2, .boxJSPLightGreen .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightGreen .b3, .boxJSPLightGreen .b3b { margin:0px 2px; } .boxJSPLightGreen .b4, .boxJSPLightGreen .b4b {height:2px; margin:0px 1px; } .boxJSPLightGreen .b1b { margin:0px 5px; background:#360; } .boxJSPLightGreen .boxContent { display:block; background:#E5FACF; border-left:1px solid #360; border-right:1px solid #360; padding-bottom:1px; } /* LightBlue = D9D9F9 DarkBlue = 069 */ .boxJSPLightBlue { display:block; background: transparent; margin:0px auto; } .boxJSPLightBlue h1, .boxJSPLightBlue h2, .boxJSPLightBlue h3, .boxJSPLightBlue h4, .boxJSPLightBlue p { color:#069; margin:0px 10px; padding:2px 0px 1px 0px; } .boxJSPLightBlue .top, .boxJSPLightBlue .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightBlue .b1, .boxJSPLightBlue .b2, .boxJSPLightBlue .b3, .boxJSPLightBlue .b4, .boxJSPLightBlue .b1b, .boxJSPLightBlue .b2b, .boxJSPLightBlue .b3b, .boxJSPLightBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightBlue .b2, .boxJSPLightBlue .b3, .boxJSPLightBlue .b4 { background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPLightBlue .b2b, .boxJSPLightBlue .b3b, .boxJSPLightBlue .b4b { background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPLightBlue .b1 { margin:0px 5px; background:#069; } .boxJSPLightBlue .b2, .boxJSPLightBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightBlue .b3, .boxJSPLightBlue .b3b { margin:0px 2px; } .boxJSPLightBlue .b4, .boxJSPLightBlue .b4b {height:2px; margin:0px 1px; } .boxJSPLightBlue .b1b { margin:0px 5px; background:#069; } .boxJSPLightBlue .boxContent { display:block; background:#D9D9F9; border-left:1px solid #069; border-right:1px solid #069; padding-bottom:1px; } /* DarkBlue = 4C7688 BookClub */ .boxBookClubDarkBlue { display:block; background: transparent; margin:0px auto; } .boxBookClubDarkBlue h1, .boxBookClubDarkBlue h2, .boxBookClubDarkBlue h3, .boxBookClubDarkBlue h4, .boxBookClubDarkBlue p { color:#4C7688; margin:0px 10px; padding:2px 0px 1px 0px; } .boxBookClubDarkBlue .top, .boxBookClubDarkBlue .bottom { display:block; background:transparent; font-size:1px;} .boxBookClubDarkBlue .b1, .boxBookClubDarkBlue .b2, .boxBookClubDarkBlue .b3, .boxBookClubDarkBlue .b4, .boxBookClubDarkBlue .b1b, .boxBookClubDarkBlue .b2b, .boxBookClubDarkBlue .b3b, .boxBookClubDarkBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxBookClubDarkBlue .b2, .boxBookClubDarkBlue .b3, .boxBookClubDarkBlue .b4 { background:#4C7688; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubDarkBlue .b2b, .boxBookClubDarkBlue .b3b, .boxBookClubDarkBlue .b4b { background:#4C7688; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubDarkBlue .b1 { margin:0px 5px; background:#4C7688; } .boxBookClubDarkBlue .b2, .boxBookClubDarkBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxBookClubDarkBlue .b3, .boxBookClubDarkBlue .b3b { margin:0px 2px; } .boxBookClubDarkBlue .b4, .boxBookClubDarkBlue .b4b {height:2px; margin:0px 1px; } .boxBookClubDarkBlue .b1b { margin:0px 5px; background:#4C7688; } .boxBookClubDarkBlue .boxContent { display:block; background:#4C7688; border-left:1px solid #4C7688; border-right:1px solid #4C7688; padding-bottom:1px; } /* LightBlue = D9D9F9 BookClub DarkBlue = 4C7688 BookClub */ .boxBookClubLightBlue { display:block; background: transparent; margin:0px auto; } .boxBookClubLightBlue h1, .boxBookClubLightBlue h2, .boxBookClubLightBlue h3, .boxBookClubLightBlue h4, .boxBookClubLightBlue p { color:#4C7688; margin:0px 10px; padding:2px 0px 1px 0px; } .boxBookClubLightBlue .top, .boxBookClubLightBlue .bottom { display:block; background:transparent; font-size:1px;} .boxBookClubLightBlue .b1, .boxBookClubLightBlue .b2, .boxBookClubLightBlue .b3, .boxBookClubLightBlue .b4, .boxBookClubLightBlue .b1b, .boxBookClubLightBlue .b2b, .boxBookClubLightBlue .b3b, .boxBookClubLightBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxBookClubLightBlue .b2, .boxBookClubLightBlue .b3, .boxBookClubLightBlue .b4 { background:#D9D9F9; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubLightBlue .b2b, .boxBookClubLightBlue .b3b, .boxBookClubLightBlue .b4b { background:#D9D9F9; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubLightBlue .b1 { margin:0px 5px; background:#4C7688; } .boxBookClubLightBlue .b2, .boxBookClubLightBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxBookClubLightBlue .b3, .boxBookClubLightBlue .b3b { margin:0px 2px; } .boxBookClubLightBlue .b4, .boxBookClubLightBlue .b4b {height:2px; margin:0px 1px; } .boxBookClubLightBlue .b1b { margin:0px 5px; background:#4C7688; } .boxBookClubLightBlue .boxContent { display:block; background:#D9D9F9; border-left:1px solid #4C7688; border-right:1px solid #4C7688; padding-bottom:1px; } /* White = FFF BookClub DarkBlue = 4C7688 BookClub */ .boxBookClubWhiteBlue { display:block; background: transparent; margin:0px auto; } .boxBookClubWhiteBlue h1, .boxBookClubWhiteBlue h2, .boxBookClubWhiteBlue h3, .boxBookClubWhiteBlue h4, .boxBookClubWhiteBlue p { color:#4C7688; margin:0px 10px; padding:2px 0px 1px 0px; } .boxBookClubWhiteBlue .top, .boxBookClubWhiteBlue .bottom { display:block; background:transparent; font-size:1px;} .boxBookClubWhiteBlue .b1, .boxBookClubWhiteBlue .b2, .boxBookClubWhiteBlue .b3, .boxBookClubWhiteBlue .b4, .boxBookClubWhiteBlue .b1b, .boxBookClubWhiteBlue .b2b, .boxBookClubWhiteBlue .b3b, .boxBookClubWhiteBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxBookClubWhiteBlue .b2, .boxBookClubWhiteBlue .b3, .boxBookClubWhiteBlue .b4 { background:#FFF; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubWhiteBlue .b2b, .boxBookClubWhiteBlue .b3b, .boxBookClubWhiteBlue .b4b { background:#FFF; border-left:1px solid #4C7688; border-right:1px solid #4C7688;} .boxBookClubWhiteBlue .b1 { margin:0px 5px; background:#4C7688; } .boxBookClubWhiteBlue .b2, .boxBookClubWhiteBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxBookClubWhiteBlue .b3, .boxBookClubWhiteBlue .b3b { margin:0px 2px; } .boxBookClubWhiteBlue .b4, .boxBookClubWhiteBlue .b4b {height:2px; margin:0px 1px; } .boxBookClubWhiteBlue .b1b { margin:0px 5px; background:#4C7688; } .boxBookClubWhiteBlue .boxContent { display:block; background:#FFF; border-left:1px solid #4C7688; border-right:1px solid #4C7688; padding-bottom:1px; } /* Navigation Jindrichovice 069 dark 7BD middle 9CF hover */ .boxJSPBlue { background: transparent; margin:0px auto; } .boxJSPBlue h1, .boxJSPBlue h2, .boxJSPBlue h3, .boxJSPBlue h4, .boxJSPBlue p { margin:0px 10px; } .boxJSPBlue .top, .boxJSPBlue .bottom { display:block; background:transparent; font-size:1px;} .boxJSPBlue .b1, .boxJSPBlue .b2, .boxJSPBlue .b3, .boxJSPBlue .b4, .boxJSPBlue .b1b, .boxJSPBlue .b2b, .boxJSPBlue .b3b, .boxJSPBlue .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPBlue .b2 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #9CF;} .boxJSPBlue .b3 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b4 { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b4b { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b3b { background:#7BD; border-left:1px solid #9CF; border-right:1px solid #069;} .boxJSPBlue .b2b { background:#7BD; border-left:1px solid #069; border-right:1px solid #069;} .boxJSPBlue .b1 { margin:0px 5px; background:#7BD; } .boxJSPBlue .b2, .boxJSPBlue .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPBlue .b3, .boxJSPBlue .b3b { margin:0px 2px; } .boxJSPBlue .b4, .boxJSPBlue .b4b {height:2px; margin:0px 1px; } .boxJSPBlue .b1b { margin:0px 5px; background:#069; } .boxJSPBlue .boxContent { display:block; background:#7BD; border-left:1px solid #7BD; border-right:1px solid #069; padding-bottom:7px;} /* E0E5E8 background gray light */ .boxJSPLightGray { display:block; background: transparent; margin:0px auto; } .boxJSPLightGray h1, .boxJSPLightGray h2, .boxJSPLightGray h3, .boxJSPLightGray h4, .boxJSPLightGray p { margin:0px 10px; } .boxJSPLightGray .top, .boxJSPLightGray .bottom { display:block; background:transparent; font-size:1px;} .boxJSPLightGray .b1, .boxJSPLightGray .b2, .boxJSPLightGray .b3, .boxJSPLightGray .b4, .boxJSPLightGray .b1b, .boxJSPLightGray .b2b, .boxJSPLightGray .b3b, .boxJSPLightGray .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxJSPLightGray .b2, .boxJSPLightGray .b3, .boxJSPLightGray .b4 { background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8;} .boxJSPLightGray .b2b, .boxJSPLightGray .b3b, .boxJSPLightGray .b4b { background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8;} .boxJSPLightGray .b1 { margin:0px 5px; background:#E0E5E8; } .boxJSPLightGray .b2, .boxJSPLightGray .b2b { margin:0px 3px; border-width:0px 2px; } .boxJSPLightGray .b3, .boxJSPLightGray .b3b { margin:0px 2px; } .boxJSPLightGray .b4, .boxJSPLightGray .b4b {height:2px; margin:0px 1px; } .boxJSPLightGray .b1b { margin:0px 5px; background:#E0E5E8; } .boxJSPLightGray .boxContent { display:block; background:#E0E5E8; border-left:1px solid #E0E5E8; border-right:1px solid #E0E5E8; padding-bottom:7px;} /* 000 WHOLE BLACK */ .boxBlack { display:block; background: transparent; margin:0px auto; color:#FFF; } .boxBlack h1, .boxBlack h2, .boxBlack h3, .boxBlack h4, .boxBlack p { margin:0px 10px; padding:2px 0px 3px 0px; } .boxBlack .top, .boxBlack .bottom { display:block; background:transparent; font-size:1px;} .boxBlack .b1, .boxBlack .b2, .boxBlack .b3, .boxBlack .b4, .boxBlack .b1b, .boxBlack .b2b, .boxBlack .b3b, .boxBlack .b4b { display:block; font-size:1px; overflow:hidden; height:1px;} .boxBlack .b2, .boxBlack .b3, .boxBlack .b4 { background:#000; border-left:1px solid #000; border-right:1px solid #000;} .boxBlack .b2b, .boxBlack .b3b, .boxBlack .b4b { background:#000; border-left:1px solid #000; border-right:1px solid #000;} .boxBlack .b1 { margin:0px 5px; background:#000; } .boxBlack .b2, .boxBlack .b2b { margin:0px 3px; border-width:0px 2px; } .boxBlack .b3, .boxBlack .b3b { margin:0px 2px; } .boxBlack .b4, .boxBlack .b4b {height:2px; margin:0px 1px; } .boxBlack .b1b { margin:0px 5px; background:#000; } .boxBlack .boxContent { display:block; background:#000; border-left:1px solid #000; border-right:1px solid #000; } /* ADMIN TEST BLOCK with paths, variables etc. */ #showTest { margin:10px auto; padding:10px; border:1px solid #999; background:#EEF; } #showTest h1 { padding:0px; margin-bottom:20px; } #showTest div { padding:3px 0px; border-bottom:1px dotted #999; } #showTest span { color:#00F; font-weight:bold; }