/*----------------------------------- Football kings main CSS stylesheet -------------------------------------*/ /************************ CSS RESET ***/ @import url("reset.css"); /************************ GENERAL ***/ html, body { font-family: "Trebuchet MS", arial, helvetica, sans-serif; background: #1c6c35; } html { overflow: hidden; zoom: 1; } #logos { position: fixed; top: 2px; left: 10px; z-index: 0; } #logos span { display: none; } #logos a { float: left; } .logo_01 { background: url(../images/zivotinjsko-carstvo.png); width: 139px; height: 116px; display: block; text-indent: -999999px; margin-right: 10px; } .logo_02 { background: url(../images/football-kings.png); width: 225px; height: 125px; display: block; text-indent: -999999px; margin-top: 11px; } div#homelink { position: fixed; top: 2px; left: 10px; z-index: 5; display: block; width: 350px; height: 130px; } div#homelink a { text-indent: -999999px; display: block; height: 130px; cursor: pointer; overflow: hidden; zoom: 1; } div#homelink a.zc { width: 140px; float: left; } div#homelink a.fc { width: 200px; float: right; } #layer_00 { background: #fff; position: relative; z-index: 0; width: 20000px; position: relative; } #layer_01 { background: url(../images/gradient-bkg.png) bottom left repeat-x; height: 470px; width: 20000px; position: relative; z-index: 2; } #layer_02 { background: url(../images/patern.png) left 207px repeat-x; height: 470px; width: 20000px; overflow: hidden; zoom: 1; } .text { font-size: 12px; line-height: 18px; color: #fff; font-weight: bold; } .text .date { font-size: 10px; font-weight: normal; } .text h3 { font-size: 18px; line-height: 20px; font-weight: normal; margin-bottom: 5px; } #box_type01 h3 { margin-bottom: 10px; } .text p { margin-bottom: 10px; } .text strong { color: #ffdb00; } .text a { color: #f68a1f; text-decoration: underline; } .text .high-score th { padding: 3px 10px 3px 0; } .text .high-score td { padding: 3px 10px 3px 0; border-top: 1px solid #fff; } /************************ PAGES ***/ #page_01,#page_02,#page_03,#page_04,#page_05,#page_06 { height: 470px; width: 970px; float: left; margin-right: 1000px; position: relative; z-index: 1; } #page_01 { background: url(../images/new_homepage.png) 15px 110px no-repeat; } #page_01 h2 { background: url(../images/page-title-01.png); text-indent: -999999px; width: 472px; height: 63px; position: absolute; top: 70px; left: 420px; } #page_01 .text { padding: 160px 300px 0 420px; height: 270px; background: url(../images/page-01-image1.png) bottom right no-repeat; } #page_01 .button { background: url(../images/page-button-01.png) 0 -10px no-repeat; width: 232px; height: 155px; text-indent: -999999px; display: block; position: absolute; left: 380px; top: 300px; } .jump_to_rules { cursor: pointer; } #hpp { position: relative; } #hpp .desc { color: #fff; font: bold 13px/15px Trebuchet MS, Arial; } #hpp .text1 { position: absolute; text-align: right; width: 120px; top: 260px; left: 86px; } #hpp .text2 { position: absolute; width: 110px; top: 185px; right: 280px; } #hpp .text3 { position: absolute; width: 105px; top: 323px; right: 164px; } #hpp .karta { position: absolute; top: 290px; right: 0; } #hpp .instr { position: absolute; top: 350px; left: 15px; width: 460px; } #hpp .instr h2 { height: 41px; background: url(../images/h2_svjetski_prvaci.png) top left no-repeat; text-indent: -9999px; position: static; } #hpp .instr p { padding: 0; margin: 0; color: #ffdb00; font: bold 13px/15px Trebuchet MS, Arial; } #hpp .down { position: absolute; top: 100px; right: 30px; } #page_02 { } #page_06 h2 { background: url(../images/page-title-02.png); text-indent: -999999px; width: 168px; height: 65px; position: absolute; top: 70px; left: 420px; } #page_06 .text { padding: 160px 20px 0 420px; height: 270px; } #login { position: absolute; left: 420px; bottom: 40px; padding-bottom: 30px; width: 515px; } #login label { float: left; margin-bottom: 18px; clear: left; width: 65px; height: 29px; text-indent: -999999px; } #login .email { background: url(../images/text_email.png) 0px 8px no-repeat; } #login .pass { background: url(../images/text_pass.png) 0px 8px no-repeat; } #login input { float: left; margin-bottom: 18px; width: 188px; height: 29px; padding: 0 5px; color: #fff; font-size: 16px; font-weight: bold; border: none; background: url(../images/input-bkg.png); } #login input.error { background-position: 0 -29px; color: #1a6c35; } #login a { font-size: 12px; line-height: 18px; font-weight: bold; color: #f68a1f; text-decoration: underline; } #login button { background: url(../images/button_play.png); width: 83px; height: 29px; cursor: pointer; text-indent: -999999px; position: absolute; display: block; left: 180px; bottom: 0; } #login .forgotten_pass { position: absolute; display: block; left: 0; bottom: 10px; } #login .register { background: url(../images/page-button-02.png); width: 197px; height: 29px; text-indent: -999999px; position: absolute; display: block; right: 0px; top: 26px; overflow: hidden; zoom: 1; } #quiz { padding: 67px 0 0 355px; height: 403px; position: relative; } #quiz h3 { background: url(../images/quiz-question-bkg.png); width: 570px; height: 73px; padding: 22px 30px 0 18px; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #fff; font-weight: bold; } #quiz h3 span { font-size: 50px; line-height: 50px; color: #ffdb00; float: left; margin-right: 25px; margin-top: -3px; } #quiz ul { padding: 28px; width: 430px; } #quiz ul li { font-family: arial, helvetica, sans-serif; float: left; clear: left; font-size: 20px; line-height: 25px; color: #fff; font-weight: bold; margin-bottom: 5px; cursor: pointer; float: left; clear: left; } #quiz ul li a { color: #fff; text-decoration: none; display: block; width: 430px; } #quiz ul li a:hover { color: #f26921; } #quiz .timer { position: absolute; bottom: 0; left: 380px; width: 222px; height: 48px; padding: 20px 0 0 12px; background: url(../images/timer-bkg.png); overflow: hidden; zoom: 1; } #quiz .timer p { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #fff; font-weight: bold; float: left; } #quiz .timer p strong { color: #ffdb00; font-size: 18px; line-height: 20px; } #quiz .timer .clock { font-size: 14px; line-height: 20px; color: #3b6c96; float: right; width: 55px; padding-right: 9px; text-align: center; font-weight: bold; } #quiz .button { background: url(../images/button_next.png); width: 86px; height: 38px; display: block; position: absolute; top: 280px; right: 30px; text-indent: -99999px; cursor: pointer; } #deafult_form { width: 515px; position: relative; margin-top: -5px; } .form_register { padding-bottom: 5px; } .form_recover { padding: 10px 0 40px; } #deafult_form label { float: left; margin-bottom: 8px; height: 29px; text-indent: -999999px; } #deafult_form .email { background: url(../images/text_email.png) 0px 8px no-repeat; width: 65px; } #deafult_form .pass { background: url(../images/text_pass.png) 0px 8px no-repeat; width: 65px; } #deafult_form .name { background: url(../images/text_name.png) 0px 8px no-repeat; width: 94px; } #deafult_form .nick { background: url(../images/text_nick.png) 0px 8px no-repeat; width: 60px; } #deafult_form .year { background: url(../images/text_year.png) 0px 8px no-repeat; width: 51px; } #deafult_form .parents { background: url(../images/text_parents.png) 0px 8px no-repeat; width: 217px; } #deafult_form .newsletter { background: url(../images/text_newsletter.png) 0px 4px no-repeat; height: 20px; width: 204px; } #deafult_form input { clear: left; float: left; margin: 0 10px 8px 0; width: 188px; height: 29px; padding: 0 5px; color: #fff; font-size: 16px; border: none; font-weight: bold; background: url(../images/input-bkg.png); } #deafult_form input.error { background-position: 0 -29px; color: #1a6c35; } #deafult_form fieldset div { float: left; clear: left; position: relative; padding-left: 20px; } #deafult_form input.check { width: auto; height: auto; padding: 0; background: 0; position: absolute; left: 0; top: 4px; *margin: -4px 0 0 -2px; } #deafult_form .error_text { width: 150px; position: absolute; top: 100px; right: 20px; color: #ffdb00; } #deafult_form .register_button { background: url(../images/button-register.png); width: 105px; height: 29px; cursor: pointer; text-indent: -999999px; position: absolute; display: block; right: 0px; bottom: 0; } #deafult_form .send { background: url(../images/button-send.png); width: 81px; height: 32px; cursor: pointer; text-indent: -999999px; position: absolute; display: block; left: 160px; bottom: 0; } #page_02 .back_button { background: url(../images/button-back.png); width: 74px; height: 25px; cursor: pointer; text-indent: -999999px; position: absolute; display: block; overflow: hidden; zoom: 1; z-index: 2; } .form_register .back_button { right: 115px; bottom: 5px; } #box_type02 .back_button { right: 20px; bottom: 5px; } .form_recover .back_button { left: 70px; bottom: 5px; } #page_06 #box_type02 { background: url(../images/box-type-02-bkg.png); width: 403px; height: 287px; padding: 20px 50px 18px 30px; position: absolute; left: 350px; top: 140px; } #page_06 #box_type02 .scroll { overflow: auto; height: 287px; zoom: 1; } #page_06 #box_type02 .text { height: auto; width: auto; padding: 0; } #special_button button { background: url(../images/button_next.png); width: 86px; height: 38px; display: block; position: absolute; top: 420px; right: 160px; text-indent: -99999px; cursor: pointer; z-index: 2; } #page_02 .nav { overflow: hidden; zoom: 1; } #page_02 .nav li { float: left; text-indent: -999999px; cursor: pointer; margin-right: 10px; } #page_02 .nav .gall_link_1 { background: url(../images/text-land-01.png); width: 51px; height: 20px; } #page_02 .nav .gall_link_2 { background: url(../images/text-land-02.png); width: 74px; height: 24px; } #page_02 .nav .gall_link_3 { background: url(../images/text-land-03.png); width: 41px; height: 23px; } #page_02 .nav .gall_link_4 { background: url(../images/text-land-04.png); width: 55px; height: 23px; } #page_02 .nav .gall_link_5 { background: url(../images/text-land-05.png); width: 109px; height: 24px; } #page_02 .nav .gall_link_6 { background: url(../images/text-land-06.png); width: 129px; height: 24px; } #page_02 .nav li.active { background-position: 0 -30px !important; } #page_03 { background: url(../images/page-graphics-03.png) 85px 60px no-repeat; width: 620px; height: 365px; padding: 105px 0 0 350px; } #page_03 h2 { background: url(../images/page-title-03.png); text-indent: -999999px; width: 216px; height: 46px; position: absolute; top: 20px; left: 495px; } #page_03 .block { background: url(../images/block-bkg.png); width: 220px; height: 136px; padding-top: 23px; margin: 0 80px 70px 0; float: left; position: relative; z-index: 2; } #page_01 .block { background: url(../images/block-bkg.png); width: 220px; height: 136px; padding-top: 23px; margin: 0; float: left; position: relative; z-index: 2; } #page_03 .block dt, #page_01 .block dt { text-indent: -999999px; position: absolute; } #page_03 .type_01 dt, #page_01 .type_01 dt { background: url(../images/text_screensaver.png); width: 134px; height: 24px; top: -12px; left: 40px; } #page_03 .type_02 dt, #page_01 .type_02 dt { background: url(../images/text_wallpaper.png); width: 107px; height: 30px; top: -15px; left: 50px; } #page_01 .type_03 dt { background: url(../images/text_download.png); width: 100px; height: 25px; top: -15px; left: 50px; } #page_03 .block dd strong, #page_01 .block dd strong { float: right; clear: right; background: url(../images/block-paging-bkg.png); width: 41px; height: 31px; margin: 0 -19px 2px 0; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 30px; color: #fff; font-weight: bold; cursor: pointer; position: relative; z-index: 1; } #page_03 .block dd.active strong, #page_01 .block dd.active strong { background-position: 0px -40px; } #page_03 .block dd div, #page_01 .block dd div { display: none; position: absolute; z-index: 0; top: 23px; left: 0; width: 220px; } #page_03 .block dd.active div, #page_01 .block dd.active div { display: block; } #page_03 .block dd img, #page_01 .block dd img { display: block; margin: 0px auto 5px; width: 160px; height: 102px; } #page_03 .block dd div a, #page_01 .block dd div a { display: none; } #page_03 .block dd div .drop-title, #page_01 .block dd div .drop-title { display: block; background: url(../images/drop-title-bkg.png); width: 150px; height: 22px; padding: 0 26px 0 14px; margin: 0px auto; cursor: pointer; font-size: 12px; line-height: 22px; color: #1a612c; font-weight: bold; text-decoration: none; } #page_03 .block dd div span, #page_01 .block dd div span { display: none; position: absolute; left: 15px; background: url(../images/drop-content-bkg.png) bottom left no-repeat; padding: 7px 0 3px 0; width: 190px; font-size: 12px; line-height: 14px; font-weight: bold; } #page_03 .block dd div span a, #page_01 .block dd div span a { display: block; text-decoration: none; color: #1a612c; text-align: center; margin-bottom: 5px; } #page_03 .inline { position: relative; z-index: 1; margin-left: -90px; float: left; } #page_03 .inline dt { background: url(../images/inline-title.png); width: 173px; height: 30px; text-indent: -999999px; left: 260px; top: -22px; position: absolute; } #page_03 .inline dd { float: left; margin-right: 15px; } #page_03 .inline dd a { background: url(../images/inline-dd-bkg.png); width: 160px; height: 49px; display: block; font-size: 12px; line-height: 22px; color: #1a612c; font-weight: bold; text-decoration: none; padding: 7px 0 0 60px; } #page_03 .inline dd a strong { display: block; font-size: 18px; font-weight: normal; } #page_04 { background: url(../images/page-graphics-04.png) 115px 140px no-repeat; width: 615px; height: 375px; padding: 95px 0 0 355px; } #page_04 h2 { background: url(../images/page-title-04.png); text-indent: -999999px; width: 125px; height: 46px; position: absolute; top: 40px; left: 525px; } #video_box { background: url(../images/video-box-bkg.png); width: 455px; height: 335px; padding: 7px 0 0 28px; position: relative; } #video_box h3 { font-size: 14px; line-height: 16px; color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; margin-bottom: 4px; } #video_box ul { position: absolute; top: 33px; right: -120px; } #video_box ul li { background: url(../images/video-box-nav-bkg.png); width: 161px; height: 44px; margin-bottom: 5px; } #video_box ul li.active { background-position: 0px -50px; } #video_box ul li a { width: 142px; height: 36px; display: block; padding: 4px 4px 0 12px; font-size: 11px; line-height: 15px; color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; text-decoration: none; } #video_box ul li a span { float: left; width: 95px; } #video_box ul li img { float: right; } #page_05 { background: url(../images/page-graphics-05.png) 115px 140px no-repeat; width: 615px; height: 375px; padding: 95px 0 0 355px; } #page_05 h2 { background: url(../images/page-title-05.png); text-indent: -999999px; width: 250px; height: 46px; position: absolute; top: 35px; left: 505px; } #box_type01 { background: url(../images/box-type-01-bkg.png); width: 403px; height: 304px; padding: 20px 50px 18px 30px; position: relative; } #box_type01 .text { height: 304px; overflow: auto; zoom: 1; } #box_type01 .navigation_block { background: url(../images/box-type-01-nav-bkg.png); width: 161px; height: 301px; padding-top: 7px; position: absolute; top: 20px; right: -130px; } #box_type01 .navigation_block div { height: 270px; overflow: hidden; zoom: 1; } #box_type01 .navigation_block ul { width: 158px; float: left; } #box_type01 .navigation_block ul li { width: 158px; } #box_type01 .navigation_block ul li a { padding: 5px 11px; display: block; font-size: 11px; text-decoration: none; line-height: 14px; color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; } #box_type01 .navigation_block ul li.active a { background: #71ac41; } #box_type01 .navigation_block ul li span { font-size: 10px; display: block; } #box_type01 .navigation_block .page, #box_type01 .navigation_block .back, #box_type01 .navigation_block .next { position: absolute; display: block; bottom: 12px; } #box_type01 .navigation_block .page { left: 65px; color: #fff; font-size: 14px; line-height: 15px; color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; } #box_type01 .navigation_block .back { left: 45px; cursor: pointer; } #box_type01 .navigation_block .next { right: 48px; cursor: pointer; } #box_type01 .navigation_block .off { opacity: 0.4; filter: alpha(opacity=40); } .photo_gallery img { padding: 0 7px 8px 0; display: block; background: url(../images/gallery-bkg.jpg) bottom right no-repeat; } .photo_gallery a { display: none; } .photo_gallery .button { display: block; width: 140px; height: 49px; font-size: 18px; line-height: 20px; color: #1a612c; font-weight: normal; text-decoration: none; padding: 7px 0 0 80px; position: relative; margin: -10px 0 0 -2px; background: url(../images/gallery-button.png) no-repeat; cursor: pointer; } #page_06 { background: url(../images/page-graphics-02.png) 65px 140px no-repeat; margin-right: 0; } #page_02 h2 { background: url(../images/svjetski_prvaci.png); text-indent: -999999px; width: 317px; height: 58px; position: absolute; top: 6px; left: 600px; } #page_02 .text { width: 375px; height: 375px; float: right; background: #71ac41/*none*/; padding: 75px 15px 20px 25px; } #page_02 .text .scrolling_box { overflow: auto; height: 375px; } #page_02 .gallery { padding-top: 165px; } #page_02 .scroller { width: 522px; height: 255px; position: relative; overflow: hidden; zoom: 1; } #page_02 .scroller ul { overflow: hidden; zoom: 1; width: 20000px; padding-left: 7px; position: relative; } #page_02 .scroller li { float: left; padding: 0 7px 0 0; height: 220px; margin-left: -7px; background: url(../images/gallery-shadow.png) top right no-repeat; } #page_02 .scroller li.last { margin-right: 7px; } #page_02 .scroller li img { display: block; } #page_02 .scroller li span { font-size: 11px; line-height: 13px; font-weight: bold; color: #fdda01; display: block; text-align: center; padding-top: 7px; } #page_02 .scroller .page, #page_02 .scroller .back, #page_02 .scroller .next { position: absolute; display: block; bottom: 15px; } #page_02 .scroller .page { left: 220px; color: #fff; font-size: 14px; line-height: 15px; color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; } #page_02 .scroller .back { left: 195px; cursor: pointer; } #page_02 .scroller .next { right: 247px; cursor: pointer; } #page_02 .scroller .off { opacity: 0.4; filter: alpha(opacity=40); } #page_06 .nav { overflow: hidden; zoom: 1; } #page_06 .nav li { float: left; text-indent: -999999px; cursor: pointer; margin-right: 10px; } #page_06 .nav .gall_link_1 { background: url(../images/text-land-01.png); width: 51px; height: 20px; } #page_06 .nav .gall_link_2 { background: url(../images/text-land-02.png); width: 74px; height: 24px; } #page_06 .nav .gall_link_3 { background: url(../images/text-land-03.png); width: 41px; height: 23px; } #page_06 .nav .gall_link_4 { background: url(../images/text-land-04.png); width: 55px; height: 23px; } #page_06 .nav .gall_link_5 { background: url(../images/text-land-05.png); width: 109px; height: 24px; } #page_06 .nav .gall_link_6 { background: url(../images/text-land-06.png); width: 129px; height: 24px; } #page_06 .nav li.active { background-position: 0 -30px !important; } /************************ BACKGROUNDS ***/ #bkg_01,#bkg_02,#bkg_03,#bkg_04,#bkg_05,#bkg_06 { height: 470px; width: 1370px; position: absolute; z-index: 1; top: 0; left: 0; } #bkg_01 { background: url(../images/page-bkg-01.png) 200px 80px no-repeat; } #bkg_02 { background: url(../images/page-bkg-02.png) left 70px no-repeat; } #bkg_03 { background: url(../images/page-bkg-03.png) left 100px no-repeat; } #bkg_06 { background: url(../images/page-bkg-05.png) left 70px no-repeat; } /************************ FOOTER & MISC ***/ #footer { height: 120px; width: 100%; background: #ffdb00; position: fixed; bottom: 0; left: 0; } #footer div { width: 970px; margin: 0px auto; position: relative; height: 140px; } #navigation { margin-top: -20px; } #navigation li { float: left; } #navigation li a { font-size: 12px; line-height: 18px; color: #36753a; width: 127px; height: 69px; padding: 56px 0 0 67px; text-decoration: none; font-weight: bold; cursor: pointer; display: block; } #navigation li a:hover { color: #44a23c; } #navigation li a strong { display: block; text-transform: uppercase; } #navigation .link_05 { background: url(../images/links-bkg-01.png) left 18px no-repeat; } #navigation .link_02 { background: url(../images/links-bkg-02.png) left 0px no-repeat; } #navigation .link_02 a { width: 132px; padding-left: 62px; } #navigation .link_03 { background: url(../images/links-bkg-06.png) 5px 23px no-repeat; } #navigation .link_03 a { width: 120px; padding-left: 70px; } #navigation .link_04 { background: url(../images/links-bkg-04.png) left 4px no-repeat; } #navigation .link_04 a { width: 124px; padding-left: 74px; } #navigation .link_01 { background: url(../images/links-bkg-05.png) left 24px no-repeat; } #navigation li.link_01.active { background-position: left -112px; } #navigation li.link_02.active { background-position: left -130px; } #navigation li.link_03.active { background-position: 5px -108px; } #navigation li.link_04.active { background-position: left -126px; } #navigation li.link_05.active { background-position: left -106px; } #sub_nav { position: relative; bottom: 5px; float: right; } #sub_nav li { float: left; padding-left: 25px; } #sub_nav li a { color: #f68a1f; font-size: 10px; line-height: 14px; text-decoration: none; } #sub_nav li a:hover { color: #36753a; } #footer .sign { position: relative; bottom: -1px; float: left; color: black; font-size: 10px; text-decoration: none; } #footer .sign:hover, #footer .sign span { color: red; } /************************ FALLBACK PAGE ***/ #fallback_page { background: #fff url(../images/gradient-bkg.gif) bottom left repeat-x; } #fallback_page .inner { background: url(../images/patern.gif) center 247px repeat-x; height: 500px; padding-top: 10px; } #fallback_page .logo-combine { margin: 0 auto 10px; display: block; } #fallback_page .text { background: url(../images/box-type-01-bkg.jpg); width: 403px; height: 304px; padding: 20px 50px 18px 30px; margin: 0px auto; position: relative; font-size: 14px; line-height: 20px; } #fallback_page .text .scroll { height: 304px; } #fallback_page .sign { position: absolute; bottom: -20px; left: 10px; display: block; color: white; font-size: 10px; text-decoration: none; font-weight: normal; } #fallback_page .sign:hover, #fallback_page .sign span { color: red; } /************************ SCROLL PANE ***/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aac78d; } .jScrollPaneDrag { position: absolute; background: #f1f1f1; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp, a.jScrollArrowDown { display: none; } /************************ LIGHTBOX ***/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-container-image-data-box { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; } #lightbox-secNav-btnClose { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; } #lightbox-buttons { float: right; clear: right; padding-bottom: 5px; } #lightbox-buttons img { margin-left: 5px; cursor: pointer; }