@import url("content.css"); @media screen, tv, projection { /* DEFAULT SCREEN STYLES */ /* =Reset */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } th, td { vertical-align:top; } img { display:block; border:0; } .clear {clear: both; width: 0; height: 0} .no-css { display: none } .disabled { display: none } /* /Reset */ html { overflow: auto } body { background: url(../images/backgrounds/bg-words.gif) repeat; font-family: Arial, sans-serif; font-size: 62.5%} div#page-container { width: 940px; min-height: 550px; margin: 0 auto; background: transparent url(../images/backgrounds/bg-contentcontainer.png) 0 100% no-repeat; padding-bottom: 10px;} #header { width: 100%; height: 113px; background: url(../images/backgrounds/bg-header.jpg); overflow: hidden; position: relative} #header h1 { display: block; background: url(../images/logos/logo-isic.jpg) 0 0 no-repeat; height: 100%; width: 440px; float: left} #header h1 a { display: block; text-indent: -999em; width: 100%; height: 76px; margin: 20px 0 0 20px} #header div#holder-anim { width: 100%; height: 100%; overflow: hidden; position: relative; top: -97px} #header ul li a { display: block; width: 100%; height: 100%;text-indent: -999em } /* =MetaNavigation */ #header div#meta-navigation { height: 25px; overflow: hidden; width: 407px; margin: 12px 20px 0 0; float: right; position: relative; } #header #meta-navigation ul { height: 15px; overflow: hidden; margin: 4px 0 0 0} #header #meta-navigation ul li { float: left; height: 15px; width: 55px; background: url(../images/backgrounds/bg-langselect.gif) no-repeat; margin: 0 4px 0 0} #meta-navigation ul li#lang-eng { width: 53px; background-position: 0 0; } #meta-navigation ul li#lang-esp { width: 56px; background-position: -57px 0; } #meta-navigation ul li#lang-fra { width: 59px; background-position: -115px 0; } #meta-navigation ul li#lang-deu { width: 58px; background-position: -178px 0; } #meta-navigation ul li a:hover { background: url(../images/backgrounds/bg-langselect.gif) no-repeat} #meta-navigation ul li#lang-eng a:hover{ background-position: 0 -15px; } #meta-navigation ul li#lang-esp a:hover{ background-position: -57px -15px; } #meta-navigation ul li#lang-fra a:hover {background-position: -115px -15px; } #meta-navigation ul li#lang-deu a:hover{background-position: -178px -15px; } #meta-navigation ul li#lang-eng.active { background-position: 0 -30px; } #meta-navigation ul li#lang-esp.active { background-position: -57px -30px; } #meta-navigation ul li#lang-fra.active {background-position: -115px -30px; } #meta-navigation ul li#lang-deu.active {background-position: -178px -30px; } #meta-navigation ul li.active a { display:none } #header div#block-email { width: 164px; height: 29px; background: url(../images/buttons/btn-email-header.png) no-repeat; position: absolute; top: 0; right: 0px} #header div#block-email a { display: block; width: 100%; height: 100%; text-indent: -999em} #header div#block-email a:hover { background: url(../images/buttons/btn-email-header-over.png) no-repeat; } /* =MainNavigation */ #header div#main-navigation { width: 570px; overflow: hidden; position: absolute; top: 86px; left: 354px} #header div#main-navigation ul { display: block; height: 27px} /* main navigation list */ #header div#main-navigation li { display: block; float: left; height: 27px; width: 164px; background: url(../images/backgrounds/bg-tabs-mainnav.gif) no-repeat; margin: 0 2px 0 0 } #header div#main-navigation li#nav-home { width: 68px; background-position: 0 0} #header div#main-navigation li#nav-cardholders { background-position: -70px 0} #header div#main-navigation li#nav-partners { background-position: -236px 0} #header div#main-navigation li#nav-issuers {background-position: -402px 0} /* main nav list mouse overs */ #header div#main-navigation li a:hover { display: block; width: 100%; height: 100%; background: url(../images/backgrounds/bg-tabs-mainnav.gif) no-repeat} #header div#main-navigation li#nav-home a:hover {background-position: 0 -27px} #header div#main-navigation li#nav-cardholders a:hover{background-position: -70px -27px} #header div#main-navigation li#nav-partners a:hover{background-position: -236px -27px} #header div#main-navigation li#nav-issuers a:hover{background-position: -402px -27px} /* main nav list active state */ #header div#main-navigation li#nav-home.active{background-position: 0 -54px} #header div#main-navigation li#nav-cardholders.active{background-position: -70px -54px} #header div#main-navigation li#nav-partners.active{background-position: -236px -54px} #header div#main-navigation li#nav-issuers.active {background-position: -402px -54px} #header div#main-navigation li.active a { display: none } div#content-container { background: #fff; width: 100%; min-height: 437px; clear: both } #content-container div#columnholder { margin: 15px auto 0 auto; width: 900px; padding-bottom: 30px; } div#columnholder div.col-left { width: 420px; float: left; margin: 30px 0 0 0 } div#columnholder div.col-right { width: 460px; margin-left: 440px;} .home .block-overview-card { width: 420px; height: 350px; margin: 30px 0 0 0 } .block-overview-card div.closed { display: none } .block-overview-card ul { height: 27px; overflow: hidden } .block-overview-card ul li { display: block; float: left; width: 132px; height: 27px; margin: 0 2px 0 0 } .block-overview-card ul li a { display: block; width: 100%; height: 100%; text-indent: -999em } .block-overview-card ul.student li, .block-overview-card ul.student li a:hover { background: url(../images/backgrounds/bg-tabs-cardisic.gif) no-repeat; } .block-overview-card ul.teacher li, .block-overview-card ul.teacher li a:hover { background: url(../images/backgrounds/bg-tabs-carditic.gif) no-repeat; } .block-overview-card li#cardtab-student { background-position: 0 0} .block-overview-card li#cardtab-teacher { background-position: -134px 0 } .block-overview-card li#cardtab-youth { background-position: -268px 0 } .block-overview-card li#cardtab-student a:hover { background-position: 0 -27px} .block-overview-card li#cardtab-teacher a:hover { background-position: -134px -27px } .block-overview-card li#cardtab-youth a:hover { background-position: -268px -27px } .block-overview-card li#cardtab-student.active { background-position: 0 -54px} .block-overview-card li#cardtab-teacher.active { background-position: -134px -54px } .block-overview-card li#cardtab-youth.active { background-position: -268px -54px } .block-overview-card ul li.active a, .block-overview-card ul li.disabled { display: none } .home .block-overview-card div#card-student { width: 420px; height: 321px; background: url(../images/backgrounds/bg-block-card-isic-home.gif) no-repeat; overflow: hidden} .home .block-overview-card div#card-teacher { width: 420px; height: 321px; background: url(../images/backgrounds/bg-block-card-itic-home.gif) no-repeat;overflow: hidden} .home .block-overview-card div#card-youth { width: 420px; height: 321px; background: url(../images/backgrounds/bg-block-card-isic-home.gif) no-repeat;overflow: hidden} .home .block-overview-card div.holder-card { margin: 20px 0 0 10px; width: 397px; height: 254px; } .home .block-overview-card #card-student div.holder-card { background: url(../images/backgrounds/bg-cardshadow-isic.gif) no-repeat } .home .block-overview-card #card-teacher div.holder-card { background: url(../images/backgrounds/bg-cardshadow-itic.gif) no-repeat } .home .block-overview-card div.holder-card img { margin: 5px 11px 0 6px; display: block } .home .block-overview-card div.holder-card object, .home .block-overview-card div.holder-card embed {margin: 7px 0 0 6px; display: block; position: relative; top: 4px} .home .block-overview-card div.holder-card img {margin: 7px 0 0 7px; display: block; padding-top: 4px} .home .block-overview-card div.holder-button { margin: 2px 20px 0 20px } .home .block-overview-card div#card-student div.holder-button a { display: block; width: 131px; height: 31px; background: url(../images/buttons/btn-viewoldisic.jpg) no-repeat; text-indent: -999em; float:left} .home .block-overview-card div#card-student div.holder-button a:hover { background: url(../images/buttons/btn-viewoldisic-over.jpg) } .home .block-overview-card div#card-teacher div.holder-button a { display: block; width: 131px; height: 29px; background: url(../images/buttons/btn-viewolditic.jpg) no-repeat; text-indent: -999em; float:left} .home .block-overview-card div#card-teacher div.holder-button a:hover { background: url(../images/buttons/btn-viewolditic-over.jpg) } .home .block-overview-card div.holder-button span.caption { display: block; float: right; font-size: 1.2em; margin-top: 5px } .home div.subcols { margin: 30px 0 0 0 } .home div.subcols div.subcol-left { width: 220px; height: 185px; overflow: hidden; background: url(../images/backgrounds/bg-block-subcol.gif) no-repeat; float:left; margin: 0 20px 0 0} .home div.subcols div.subcol-right { width: 220px; height: 185px; overflow: hidden; background: url(../images/backgrounds/bg-block-subcol.gif) no-repeat; } .content select.dropdown-listing { width: 100%; margin: 0 0 12px 0; border: 1px solid #a9dddc; font-size: 1.2em; font-family: Arial, sans-serif; padding-left: 10px } .content select.dropdown-listing option { font-size: 1.2em; font-family: Arial, sans-serif } .content input.btn-findout { cursor: pointer; display: block; text-indent: -999em; width: 85px; height: 28px; border: none; background: url(../images/buttons/btn-findout.jpg) no-repeat; float: right } .content input.btn-findout:hover, .content input.btn-findout-hover {background: url(../images/buttons/btn-findout-over.jpg) no-repeat } div.subcols.top div.subcol-left { width: 420px; float: left; margin: 40px 20px 0 0 } div.subcols.top div.subcol-right { width: 460px; float: right } #CardBulletInfo { width: 182px; float: right; overflow: visible; } div.subcols div.sub-subcols div.sub-subcol-left { width: 220px; float: left; } div.subcols div.sub-subcols div.sub-subcol-right { width: 220px; margin: 0 0 0 240px} /* =Card Block Large */ .cardholders #columnholder .block-overview-card, .benefitpartners #columnholder .block-overview-card, .issuers #columnholder .block-overview-card { position: relative } .cardholders #columnholder .block-overview-card div#card-student, .benefitpartners #columnholder .block-overview-card div#card-student, .issuers #columnholder .block-overview-card div#card-student { width: 900px; height: 687px; overflow: hidden; background: url(../images/backgrounds/bg-block-card-isic-huge.gif) no-repeat } .cardholders #columnholder .block-overview-card div#card-teacher, .benefitpartners #columnholder .block-overview-card div#card-teacher, .issuers #columnholder .block-overview-card div#card-teacher { width: 900px; height: 687px; overflow: hidden; background: url(../images/backgrounds/bg-block-card-itic-huge.gif) no-repeat } #columnholder .block-overview-card div.subcols { clear: both; margin: 30px 20px 0 20px} #columnholder .block-overview-card div.subcols div.subcol-left { width: 420px; float: left } #columnholder .block-overview-card div.subcols div.subcol-right { width: 420px; float: right; } .block-overview-card div.subcols div.col-rightfloat {width: 262px; margin: 0 0 0 160px; min-height: 245px; } #columnholder .block-overview-card .block-card { position: relative; width: 420px; height: 264px; margin: 0 0 18px 0} .block-overview-card #card-student #card-front { background: url(../illustrations/isic-front.jpg) no-repeat; } .block-overview-card #card-student #card-back { background: url(../illustrations/isic-back.jpg) no-repeat; } .block-overview-card #card-teacher #card-front { background: url(../illustrations/itic-front.jpg) no-repeat; } .block-overview-card #card-teacher #card-back { background: url(../illustrations/itic-back.jpg) no-repeat; } #columnholder .block-overview-card #card-student div.holder-card { background: url(../images/backgrounds/bg-cardshadow-isic.gif) no-repeat } #columnholder .block-overview-card #card-teacher div.holder-card { background: url(../images/backgrounds/bg-cardshadow-itic.gif) no-repeat } #columnholder .block-overview-card div.holder-card img { margin: 5px 11px 0 6px; display: block } #columnholder .block-overview-card #card-student div.holder-card img {margin: 7px 0 0 7px; display: block; padding-top: 4px} #columnholder .block-overview-card #card-teacher div.holder-card img {padding-top: 4px} /* =Detail Card Navigation */ .block-card div.pointer { width: 26px; height: 27px; background: url(../images/buttons/btn-detail-pointer.png) no-repeat; position: absolute; z-index: 1000} .block-card div.pointer a { display: block; height: 16px; width: 16px; margin: 2px 0 0 3px } /* =Pointer Locations */ /* Student Card */ #card-student #detail-1 { top: 23px; left: 159px } #card-student #detail-2 { top: 79px; left: 138px } #card-student #detail-3 { top: 191px; left: 80px } #card-student #detail-4 { top: 6px; left: 288px } #card-student #detail-5 { top: 128px; left: 281px } #card-student #detail-6 { top: 197px; left: 284px } #card-student #detail-7 { top: 53px; left: 25px } #card-student #detail-8 { top: 98px; left: 58px } #card-student #detail-9 { top: 155px; left: 38px } #card-student #detail-10 { top: 213px; left: 315px } #card-student #detail-11 { top: 139px; left: 196px } /*new*/ #card-student #detail-12 { top: 221px; left: 132px } /* bottom discl */ #card-student #detail-13 { top: 200px; left: 262px } /* bottom magnetic */ #card-student #detail-14 { top: 185px; left: 233px } /* top unesco logo */ #card-student #detail-15 { top: 201px; left: 334px } /* top serial number */ /* Teacher Card */ #card-teacher #detail-1 { top: 22px; left: 159px } #card-teacher #detail-2 { top: 78px; left: 138px } #card-teacher #detail-3 { top: 190px; left: 80px } #card-teacher #detail-4 { top: 5px; left: 288px } #card-teacher #detail-5 { top: 127px; left: 281px } #card-teacher #detail-6 { top: 196px; left: 284px } #card-teacher #detail-7 { top: 53px; left: 25px } #card-teacher #detail-8 { top: 103px; left: 72px } #card-teacher #detail-9 { top: 157px; left: 56px } #card-teacher #detail-10 { top: 217px; left: 321px } #card-teacher #detail-11 { top: 138px; left: 196px } /* new*/ #card-teacher #detail-12 { top: 221px; left: 132px } /* bottom discl */ #card-teacher #detail-13 { top: 200px; left: 262px } /* bottom magnetic */ #card-teacher #detail-14 { top: 184px; left: 233px } /* top unesco logo */ #card-teacher #detail-15 { top: 200px; left: 334px } /* top serial number */ .block-card div.pointer div.detail { display: none; width: 84px; height: 83px; position: absolute; z-index: 150; cursor: pointer } #card-student #detail-1 div.detail { background: url(../illustrations/enlargements/isic-pointer1.jpg) no-repeat; top: -16px; left: -15px } #card-student #detail-2 div.detail { background: url(../illustrations/enlargements/isic-pointer2.jpg) no-repeat; top: -37px; left: -54px } #card-student #detail-3 div.detail { background: url(../illustrations/enlargements/isic-pointer3.jpg) no-repeat; top: -34px; left: -60px } #card-student #detail-4 div.detail { background: url(../illustrations/enlargements/isic-pointer4.jpg) no-repeat; top: -24px; left: -30px } #card-student #detail-5 div.detail { background: url(../illustrations/enlargements/isic-pointer5.jpg) no-repeat; top: -51px; left: -12px } #card-student #detail-6 div.detail { background: url(../illustrations/enlargements/isic-pointer6.jpg) no-repeat; top: -32px; left: -41px } #card-student #detail-7 div.detail { background: url(../illustrations/enlargements/isic-pointer7.jpg) no-repeat; top: -41px; left: -29px } #card-student #detail-8 div.detail { background: url(../illustrations/enlargements/isic-pointer8.jpg) no-repeat; top: -30px; left: -57px } #card-student #detail-9 div.detail { background: url(../illustrations/enlargements/isic-pointer9.jpg) no-repeat; top: -30px; left: -40px } #card-student #detail-10 div.detail {background: url(../illustrations/enlargements/isic-pointer10.jpg) no-repeat; top: -28px; left: -4px } #card-student #detail-11 div.detail {background: url(../illustrations/enlargements/isic-pointer11.jpg) no-repeat; top: -25px; left: -29px} /* new*/ #card-student #detail-12 div.detail {background: url(../illustrations/enlargements/isic-pointer12.jpg) no-repeat; top: -45px; left: -21px} #card-student #detail-13 div.detail {background: url(../illustrations/enlargements/isic-pointer13.jpg) no-repeat; top: -33px; left: -30px} #card-student #detail-14 div.detail {background: url(../illustrations/enlargements/isic-pointer14.jpg) no-repeat; top: -35px; left: -9px} #card-student #detail-15 div.detail {background: url(../illustrations/enlargements/isic-pointer15.jpg) no-repeat; top: -32px; left: -45px} /* teacher card */ #card-teacher #detail-1 div.detail { background: url(../illustrations/enlargements/itic-pointer1.jpg) no-repeat; top: -15px; left: -15px } #card-teacher #detail-2 div.detail { background: url(../illustrations/enlargements/itic-pointer2.jpg) no-repeat; top: -37px; left: -54px } #card-teacher #detail-3 div.detail { background: url(../illustrations/enlargements/itic-pointer3.jpg) no-repeat; top: -33px; left: -60px } #card-teacher #detail-4 div.detail { background: url(../illustrations/enlargements/itic-pointer4.jpg) no-repeat; top: -24px; left: -30px } #card-teacher #detail-5 div.detail { background: url(../illustrations/enlargements/itic-pointer5.jpg) no-repeat; top: -59px; left: -21px } #card-teacher #detail-6 div.detail { background: url(../illustrations/enlargements/itic-pointer6.jpg) no-repeat; top: -32px; left: -41px } #card-teacher #detail-7 div.detail { background: url(../illustrations/enlargements/itic-pointer7.jpg) no-repeat; top: -40px; left: -29px } #card-teacher #detail-8 div.detail { background: url(../illustrations/enlargements/itic-pointer8.jpg) no-repeat; top: -24px; left: -66px } #card-teacher #detail-9 div.detail { background: url(../illustrations/enlargements/itic-pointer9.jpg) no-repeat; top: -32px; left: -58px } #card-teacher #detail-10 div.detail {background: url(../illustrations/enlargements/itic-pointer10.jpg) no-repeat; top: -26px; left: -6px } #card-teacher #detail-11 div.detail {background: url(../illustrations/enlargements/itic-pointer11.jpg) no-repeat; top: -24px; left: -29px} /* new*/ #card-teacher #detail-12 div.detail {background: url(../illustrations/enlargements/itic-pointer12.jpg) no-repeat; top: -45px; left: -21px} #card-teacher #detail-13 div.detail {background: url(../illustrations/enlargements/itic-pointer13.jpg) no-repeat; top: -33px; left: -30px} #card-teacher #detail-14 div.detail {background: url(../illustrations/enlargements/itic-pointer14.jpg) no-repeat; top: -34px; left: -9px} #card-teacher #detail-15 div.detail {background: url(../illustrations/enlargements/itic-pointer15.jpg) no-repeat; top: -32px; left: -45px} .block-overview-card #card-detail-zoom { width: 296px; height: 286px; position: absolute; top: 0px; left: 362px;} .block-overview-card #card-teacher #card-detail-zoom { top: -1px; } /* Student Card Enlargement */ #card-student #card-detail-zoom.enlarge-1 { background: url(../illustrations/enlargements/isic-enlarge1.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-2 { background: url(../illustrations/enlargements/isic-enlarge2.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-3 { background: url(../illustrations/enlargements/isic-enlarge3.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-4 { background: url(../illustrations/enlargements/isic-enlarge4.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-5 { background: url(../illustrations/enlargements/isic-enlarge5.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-6 { background: url(../illustrations/enlargements/isic-enlarge6.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-7 { background: url(../illustrations/enlargements/isic-enlarge7.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-8 { background: url(../illustrations/enlargements/isic-enlarge8.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-9 { background: url(../illustrations/enlargements/isic-enlarge9.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-10 { background: url(../illustrations/enlargements/isic-enlarge10.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-11 { background: url(../illustrations/enlargements/isic-enlarge11.jpg) no-repeat } /* new*/ #card-student #card-detail-zoom.enlarge-12 { background: url(../illustrations/enlargements/isic-enlarge12.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-13 { background: url(../illustrations/enlargements/isic-enlarge13.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-14 { background: url(../illustrations/enlargements/isic-enlarge14.jpg) no-repeat } #card-student #card-detail-zoom.enlarge-15 { background: url(../illustrations/enlargements/isic-enlarge15.jpg) no-repeat } /* Teacher Card Enlargement */ #card-teacher #card-detail-zoom.enlarge-1 { background: url(../illustrations/enlargements/itic-enlarge1.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-2 { background: url(../illustrations/enlargements/itic-enlarge2.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-3 { background: url(../illustrations/enlargements/itic-enlarge3.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-4 { background: url(../illustrations/enlargements/itic-enlarge4.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-5 { background: url(../illustrations/enlargements/itic-enlarge5.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-6 { background: url(../illustrations/enlargements/itic-enlarge6.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-7 { background: url(../illustrations/enlargements/itic-enlarge7.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-8 { background: url(../illustrations/enlargements/itic-enlarge8.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-9 { background: url(../illustrations/enlargements/itic-enlarge9.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-10 { background: url(../illustrations/enlargements/itic-enlarge10.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-11 { background: url(../illustrations/enlargements/itic-enlarge11.jpg) no-repeat } /* new*/ #card-teacher #card-detail-zoom.enlarge-12 { background: url(../illustrations/enlargements/itic-enlarge12.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-13 { background: url(../illustrations/enlargements/itic-enlarge13.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-14 { background: url(../illustrations/enlargements/itic-enlarge14.jpg) no-repeat } #card-teacher #card-detail-zoom.enlarge-15 { background: url(../illustrations/enlargements/itic-enlarge15.jpg) no-repeat } /* alternative pointers locations */ .cardholders #card-student #detail-8 { top: 79px; left: 56px } .cardholders #card-student #detail-8 div.detail { background: url(../illustrations/enlargements/isic-pointer-alt8.jpg) no-repeat; top: -42px; left: -52px } .cardholders #card-student #card-detail-zoom.enlarge-8 { background: url(../illustrations/enlargements/isic-enlarge-alt8.jpg) no-repeat } .cardholders #card-student #detail-9 { top: 127px; left: 14px } .cardholders #card-student #detail-9 div.detail { background: url(../illustrations/enlargements/isic-pointer-alt9.jpg) no-repeat; top: -35px; left: -14px } .cardholders #card-student #card-detail-zoom.enlarge-9 { background: url(../illustrations/enlargements/isic-enlarge-alt9.jpg) no-repeat } .block-overview-card #card-detail-zoom div.holder-button#detail-next { position: absolute; top: 217px; left: 238px; width: 61px; height: 28px; background: url(../images/buttons/btn-detail-next.png) no-repeat } .block-overview-card #card-detail-zoom div.holder-button#detail-prev { position: absolute; top: 243px; left: 215px; width: 84px; height: 28px; background: url(../images/buttons/btn-detail-prev.png) no-repeat } .block-overview-card #card-detail-zoom div.holder-button a { display: block; width: 100%; height: 100%; text-indent: -999em} .block-overview-card #card-detail-zoom #detail-next a:hover { background: url(../images/buttons/btn-detail-next-over.png) 0 0 no-repeat } .block-overview-card #card-detail-zoom #detail-prev a:hover { background: url(../images/buttons/btn-detail-prev-over.png) 0 0 no-repeat } .block-overview-card #card-teacher #card-detail-zoom div.holder-button#detail-next { background: url(../images/buttons/btn-detail-itic-next.png) no-repeat } .block-overview-card #card-teacher #card-detail-zoom div.holder-button#detail-prev { background: url(../images/buttons/btn-detail-itic-prev.png) no-repeat } .block-overview-card #card-teacher #card-detail-zoom div.holder-button#detail-next a:hover { background: url(../images/buttons/btn-detail-itic-next-over.png) 0 0 no-repeat } .block-overview-card #card-teacher #card-detail-zoom div.holder-button#detail-prev a:hover { background: url(../images/buttons/btn-detail-itic-prev-over.png) 0 0 no-repeat } /* =CardPlayer Component */ div#block-player { width: 290px; height: 159px; margin: 0 auto 20px auto; position: relative} div#card-student div#block-player { background: url(../images/backgrounds/bg-cardplayer-isic.gif) no-repeat; } div#card-teacher div#block-player { background: url(../images/backgrounds/bg-cardplayer-itic.gif) no-repeat; } #block-player .player-card { width: 150px; height: 135px; margin: 0 auto } #block-player .player-card a { display: block; width: 100%; height: 100% } #block-player .player-card img { padding-top: 20px } #block-player .player-buttons { position: absolute; width: 320px; height: 60px; top: 85px; left: -15px} #block-player .player-buttons #player-btn-prev { width: 45px; height: 60px; } #block-player .player-buttons #player-btn-next { width: 45px; height: 60px; position: relative; left: 275px; top: -59px} #card-student #block-player .player-buttons #player-btn-prev { background: url(../images/buttons/btn-player-prev-isic.gif) no-repeat} #card-student #block-player .player-buttons #player-btn-next { background: url(../images/buttons/btn-player-next-isic.gif) no-repeat} #card-teacher #block-player .player-buttons #player-btn-prev { background: url(../images/buttons/btn-player-prev-itic.gif) no-repeat} #card-teacher #block-player .player-buttons #player-btn-next { background: url(../images/buttons/btn-player-next-itic.gif) no-repeat} #block-player .player-buttons div a { display: block; width: 16px; height: 16px; text-indent: -999em; position: absolute; bottom: 1px; left: 30px } #block-player .player-buttons #player-btn-next a { left: 0px } #card-student #block-player .player-buttons #player-btn-prev a:hover { background: url(../images/buttons/btn-player-prev-isic-ro.gif) no-repeat } #card-student #block-player .player-buttons #player-btn-next a:hover { background: url(../images/buttons/btn-player-next-isic-ro.gif) no-repeat } #card-teacher #block-player .player-buttons #player-btn-prev a:hover { background: url(../images/buttons/btn-player-prev-itic-ro.gif) no-repeat } #card-teacher #block-player .player-buttons #player-btn-next a:hover { background: url(../images/buttons/btn-player-next-itic-ro.gif) no-repeat } /* /CardPlayer Component */ div#page-footer { width: 940px; margin: 10px auto; } /* end screen styles */ } @media print, handheld { /* DEFAULT PRINT STYLES */ .no-css { display: none } /* end printer styles */ }