HTML, BODY { background: #fff url(bg01.gif) repeat-x; } BODY { padding: 0 0 30px 0; } * HTML A { position: relative; } UL { list-style: none; } /* Layout */ #box01 { position: relative; background: url(bg02.gif) no-repeat; margin: auto; height: 136px; width: 965px; } #welcome-note { position: absolute; top: 0; right: 102px; margin: 0; padding: 6px 0 0 0; color: #3a9191; font-weight: bold; text-align: right; font-size: 13px; } #topindex { position: absolute; top: 27px; left: 200px; margin: 0; } #topindex A { display: block; width: 600px; height: 53px; } #login { position: absolute; top: 0; right: 8px; margin: 0; width: 88px; height: 27px; background: url(bg04.gif) no-repeat; font-weight: bold; font-size: 12px; } #login A { display: block; color: #f5f5f5; text-decoration: none; text-align: center; padding: 6px 0 7px 0; } #login A:hover { color: #f5f5f5; text-decoration: underline; } #login2 { position: absolute; top: 0; right: 8px; margin: 0; width: 180px; height: 27px; background: url(bg04a.gif) no-repeat; font-weight: bold; font-size: 12px; } #login2 A { display: block; color: #f5f5f5; text-decoration: none; text-align: center; padding: 6px 0 7px 0; } #login2 A:hover { color: #f5f5f5; text-decoration: underline; } #menu01 { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; font-size: 12px; font-weight: bold; width: 100%; } #menu01 * { float: left; } #menu01 LI { padding: 0 4px 0 0; } #menu01 LI.last { float: right; padding: 0 8px 0 0; } #menu01 A { background: url(bg03.gif) no-repeat; color: #fff; text-decoration: none; cursor: pointer; } #menu01 A SPAN { background: url(bg03.gif) no-repeat 100% 0; padding: 8px 17px 7px 17px;} #menu01 LI.last A { background-position: 0 -61px; } #menu01 LI.last A SPAN { background-position: 100% -61px; } #menu01 A:hover, #menu01 A.active { background: url(bg03.gif) 0 -31px no-repeat !important; color: #d32644; text-decoration: none; } #menu01 A:hover SPAN, #menu01 A.active SPAN { background: url(bg03.gif) no-repeat 100% -31px !important; } #visit { position: absolute; bottom: 0; right: 8px; margin: 0; padding: 0 0 7px 0; font-size: 11px; } #visit A { color: #46aeae; text-decoration: underline; } #visit A:hover { color: #8fcece; text-decoration: underline; } #box02 { padding: 0 0 69px 0; background: #eee url(bg07.gif) repeat-x 0 100%; } #box03 { margin: auto; width: 965px; padding: 12px 0; } #box04 { margin: auto; width: 965px; text-align: center; color: #60b1b3; } #box04 P { margin: 0; padding: 13px 0 0 0; } #box04 A { color: #767676; text-decoration: none; } #box04 A:hover, #box04 A.active { color: #389ea0; text-decoration: none; } #box04 SPAN { padding: 0 8px; } /* Cols */ .col { float: left; min-height: 1px; } * HTML .col { height: 1px; } .col01 { position: relative; width: 311px; height: 268px; background: url(bg08.gif) no-repeat; padding: 0 12px 0 0; } .col01 P.heading { margin: 0; padding: 10px 0 0 12px; height: 36px; font-size: 15px; font-weight: bold; color: #fff; } .col01 P.badge { position: absolute; bottom: 0; right: 12px; margin: 0; } .col01 P.badge A { display: block; width: 65px; height: 67px; background: url(ico_enter.png) no-repeat; } .col01 P.badge A:hover { background: url(ico_enter02.png) no-repeat; } .col01 DIV.chance { position: absolute; margin: 0; left: 13px; bottom: 20px; width: 285px; background: url(bg46.png) repeat; } .col01 DIV.chance DIV.pad { padding: 15px; } .col01 DIV.chance DIV.pad P { margin: 0; font-size: 16px; font-weight: bold; color: #8c8c8c; text-align: center; line-height: 22px; } .col01 DIV.chance DIV.pad P A { color: #8c8c8c; display: block; text-decoration: none; } .col01 DIV.chance DIV.pad P A:hover { text-decoration: underline; color: #000; } .col01 DIV.closed { position: absolute; top: 53px; left: 20px; width: 269px; height: 113px; background: url(label_closed.png) no-repeat; } .col01 DIV.closed SPAN { visibility: hidden; } * HTML .col01 DIV.closed { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/label_closed.png, sizingMethod='crop');} .col02 { width: 648px; padding: 0 12px 0 0; } .col03 { width: 298px; } .col04 { position: relative; width: 208px; height: 186px; background: url(bg42.gif) no-repeat; padding: 0 12px 0 0; } .col04 P.heading { margin: 0; padding: 10px 0 0 8px; height: 36px; font-size: 14px; font-weight: bold; color: #fff; } .col04 P.badge { position: absolute; bottom: 0; right: 12px; margin: 0; } .col04 P.badge A { display: block; width: 65px; height: 67px; background: url(ico_enter.png) no-repeat; } .col04 P.badge A:hover { background: url(ico_enter02.png) no-repeat; } .col05 { margin: 13px 0 0 0; position: relative; width: 298px; height: 205px; background: url(bg43.gif) no-repeat; padding: 0 12px 0 0; } .col05 P.heading { margin: 0; padding: 10px 0 0 12px; height: 36px; font-size: 15px; font-weight: bold; color: #fff; } .col05 P.badge { position: absolute; bottom: 0; right: 0; margin: 0; } .col05 P.badge A { display: block; width: 65px; height: 67px; background: url(ico_enter.png) no-repeat; } .col05 P.badge A:hover { background: url(ico_enter02.png) no-repeat; } .col05 DIV.chance { position: absolute; margin: 0; left: 13px; bottom: 20px; width: 285px; background: url(bg46.png) repeat; } .col05 DIV.chance DIV.pad { padding: 15px; } .col05 DIV.chance DIV.pad P { margin: 0; font-size: 18px; font-weight: bold; color: #8c8c8c; text-align: center; line-height: 22px; } .col05 DIV.chance DIV.pad P A { color: #8c8c8c; display: block; text-decoration: none; } .col05 DIV.chance DIV.pad P A:hover { text-decoration: underline; color: #000; } .col05 DIV.closed { position: absolute; top: 65px; left: 15px; width: 269px; height: 113px; background: url(label_closed.png) no-repeat; } .col05 DIV.closed SPAN { visibility: hidden; } * HTML .col05 DIV.closed { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/label_closed.png, sizingMethod='crop');} .col06 { width: 700px; padding: 0 37px 0 0; } .col07 { width: 200px; } /* Elements */ DIV.whitebox01 { margin: 13px 0 0 0; width: 957px; padding: 0 0 7px 0; background: url(bg06.gif) 0 100% no-repeat; } DIV.whitebox01 DIV.a { padding: 7px 0 0 0; background: url(bg05.gif) no-repeat; } DIV.whitebox01 DIV.b { background: #fff; padding: 2px 10px; } DIV.whitebox01 P { margin: 5px 0 0 0; } DIV.whitebox01 DIV.c { width: 932px; margin: auto; } DIV.whitebox02 { margin: 13px 0 0 0; width: 648px; padding: 0 0 6px 0; background: url(bg10.gif) 0 100% no-repeat; } DIV.whitebox02 DIV.a { padding: 6px 0 0 0; background: url(bg09.gif) no-repeat; } DIV.whitebox02 DIV.b { background: #fff; padding: 2px 10px; } DIV.whitebox02 P { margin: 5px 0 0 0; } DIV.whitebox03 { padding: 11px 0 0 0; width: 622px; } DIV.whitebox03.top.item01 DIV.b { padding: 43px 0 0 0; background: url(bg11.gif) no-repeat; } DIV.whitebox03.top.item02 DIV.b { padding: 43px 0 0 0; background: url(bg11.gif) 0 -53px no-repeat; } DIV.whitebox03.top.item03 DIV.b { padding: 43px 0 0 0; background: url(bg11.gif) 0 -106px no-repeat; } DIV.whitebox03.top.item04 DIV.b { padding: 43px 0 0 0; background: url(bg11.gif) 0 -159px no-repeat; } DIV.whitebox03 DIV.a { padding: 0 0 4px 0; background: url(bg12.gif) 0 100% no-repeat; } DIV.whitebox03 DIV.b { padding: 4px 0 0 0; background: url(bg13.gif) no-repeat; } DIV.whitebox03 DIV.c { background: #fefefe; border: solid #60b1b3; border-width: 0 1px; padding: 4px 12px; } DIV.whitebox03.even DIV.a { padding: 0 0 4px 0; background: url(bg15.gif) 0 100% no-repeat; } DIV.whitebox03.even DIV.b { padding: 4px 0 0 0; background: url(bg14.gif) no-repeat; } DIV.whitebox03.even DIV.c { background: #f5fafa; border: solid #60b1b3; border-width: 0 1px; } DIV.whitebox03 DIV.c DIV.pad { padding: 10px 0 20px 30px; } DIV.whitebox04 { width: 510px; margin: 8px auto 0 auto; padding: 0 0 8px 0; background: url(bg19.gif) 0 100% no-repeat; } DIV.whitebox04 DIV.a { padding: 8px 0 0 0; background: url(bg18.gif) no-repeat; } DIV.whitebox04 DIV.b { background: #fff; padding: 2px 10px; border: solid #45a4a4; border-width: 0 1px; } DIV.whitebox05 { width: 298px; margin: 13px 0 0 0; padding: 0 0 13px 0; background: url(bg21.gif) 0 100% no-repeat; } DIV.whitebox05 DIV.a { padding: 7px 0 0 0; background: url(bg20.gif) no-repeat; } DIV.whitebox05 DIV.b { background: #fff; padding: 2px 11px; } DIV.whitebox05 P.right-banners { margin: 10px 0 0 0; } DIV.whitebox05 P.right-banners IMG { margin: 0 10px 0 0; } DIV.whitebox06-b { background: url(bg41.gif) 0 100% repeat-x; } DIV.whitebox06 { position: relative; padding: 8px 0 8px 0; margin: 8px auto 0 auto; background: url(bg41.gif) repeat-x; z-index: 8000; } DIV.whitebox06 DIV.top-left { position: absolute; top: 0; left: 0; background: url(bg37.gif) no-repeat; width: 8px; height: 8px; } DIV.whitebox06 DIV.top-right { position: absolute; top: 0; right: 0; background: url(bg38.gif) no-repeat; width: 8px; height: 8px; } DIV.whitebox06 DIV.bottom-left { position: absolute; bottom: 0; left: 0; background: url(bg39.gif) no-repeat; width: 8px; height: 8px; } DIV.whitebox06 DIV.bottom-right { position: absolute; bottom: 0; right: 0; background: url(bg40.gif) no-repeat; width: 8px; height: 8px; } DIV.whitebox06 DIV.cont { border: solid #45a4a4; border-width: 0 1px; padding: 5px 15px; } P.hint { font-size: 11px; color: #636363; } /* Content */ .content { line-height: 16px; } .content P { padding: 10px 0 0 0; } .content2 { font-size: 10px; padding-bottom: 18px !important; } .content2 P { padding: 10px 0 0 0;} /* Forms */ TABLE.form { margin: 0; padding: 0; width: 100%; } TABLE.form TH { width: 20%; padding: 8px 4px; line-height: 18px; background: none; border: none; font-size: 12px; font-weight: normal; text-align: right; color: #636363; vertical-align: middle; } TABLE.form TD { width: 80%; padding: 8px 4px; line-height: 18px; background: none; border: none; vertical-align: middle; } TABLE.form TR.lowpad TH, TABLE.form TR.lowpad TD { padding: 0 4px; } TABLE.form TD DIV.input01 { float: left; width: 193px; height: 22px; background: url(bg16.gif) no-repeat 0 100%; } TABLE.form TD DIV.input01 INPUT { float: left; width: 187px; height: 19px; padding: 3px 0 0 3px; font-size: 12px; color: #858989; line-height: 18px; background: url(bg36.gif) repeat; border: none; } TABLE.form TD DIV.input01.info, TABLE.form TD DIV.input01.focus { background: url(bg16.gif) no-repeat -203px 100%; } TABLE.form TD DIV.select01 { float: left; } TABLE.form TD DIV.select01 SELECT { height: 22px; margin: 0 5px 0 0; } TABLE.form TD TEXTAREA { width: 187px; height: 55px; padding: 3px; background: url(bg16.gif) -203px -707px no-repeat; border: none; font-size: 12px; color: #858989; } TEXTAREA.type02 { margin: 13px 0 0 0; padding: 3px; width: 534px; height: 96px; font-size: 11px; color: #585d5d; background: url(bg23.gif) no-repeat; border: none; } TEXTAREA.type02:focus { background: url(bg23.gif) 0 -198px no-repeat; } TEXTAREA.type03 { padding: 3px; width: 494px !important; height: 102px !important; font-size: 11px; color: #585d5d; background: url(bg44.gif) no-repeat !important; border: none; } TEXTAREA.type03:focus { background: url(bg44.gif) 0 -108px no-repeat !important; } /* Messages */ .error01 { line-height: 18px; font-size: 11px; background: url(bg16.gif) no-repeat 100% 0; color: #fff; text-align: left; padding: 2px 30px 2px 215px; } .info01 { line-height: 18px; font-size: 11px; background: url(bg16.gif) no-repeat 100% -32px; color: #585d5d; text-align: left; padding: 2px 30px 2px 215px; } P.msg-error { margin: 15px 0 0 0 !important; width: 622px; height: 32px; background: url(bg22.gif) no-repeat; font-size: 12px; font-weight: bold; color: #fff; } P.msg-error SPAN { display: block; padding: 9px 13px 0 0; text-align: right; } P.msg-error02, P.msg-info02 { margin: 13px 0 0 0; width: 381px; height: 20px; font-size: 11px; background: url(bg24.gif) no-repeat; float: right; line-height: 14px; } P.msg-error02 { background-position: 0 -40px; color: #fff; } P.msg-info02 { background-position: 0 0; color: #585d5d; } P.msg-error02 SPAN, P.msg-info02 SPAN { display: block; padding: 3px 6px 0 0; text-align: right; } /* Buttons */ .actions SPAN.btn01 { float: left; background: url(bg16.gif) 0 -64px no-repeat; margin: 0 10px 0 0; } .actions SPAN.btn01 SPAN { float: left; background: url(bg16.gif) 100% -64px no-repeat; min-height: 27px; } .actions SPAN.btn01 INPUT { float: left; border: none; background: transparent; overflow: visible; padding: 0 10px; color: #fff; cursor: pointer; line-height: 14px; font-weight: bold; height: 27px; font-size: 13px; } .actions SPAN.btn01.disabled { background-position: 0 -101px !important; } .actions SPAN.btn01.disabled SPAN { background-position: 100% -101px !important; } .actions SPAN.btn01.disabled INPUT { cursor: default; } /* Pages */ .bottom-pages { position: absolute; bottom: 0; left: 12px; background: #fff; padding: 0 6px; } P.pages { font-size: 11px; font-weight: bold; color: #40a0a2; } P.pages A { color: #40a0a2; text-decoration: none; } P.pages A:hover, P.pages A.active { color: #d32644; text-decoration: none; } /* Sort */ DIV.sort { height: 25px; padding: 5px 0 0 10px; background: url(bg27.gif) no-repeat; font-size: 12px; } DIV.sort-right { background: url(bg45.gif) 100% 0 no-repeat; padding-right: 12px;} DIV.sort * { float: left; } DIV.sort A { color: #fff; text-decoration: none; } DIV.sort A:hover { color: #fff; text-decoration: underline; } DIV.sort A { margin: 0 24px 0 0; } DIV.sort A.down { font-weight: bold; padding: 0 13px 0 0; background: url(ln01.gif) 100% 6px no-repeat; } DIV.sort A.up { font-weight: bold; padding: 0 13px 0 0; background: url(ln02.gif) 100% 6px no-repeat; } /* ABC Sort */ DIV.abc { position: relative; padding: 0 0 6px 0; } DIV.abc UL.sort02 { position: absolute; top: 0; left: 21px; margin: 0; padding: 0 5px; background: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; } DIV.abc UL.sort02 * { float: left; } DIV.abc UL.sort02 LI { } DIV.abc UL.sort02 A { color: #40a0a2; text-decoration: none; line-height: 12px; } DIV.abc UL.sort02 A SPAN { padding: 0 5px 2px 2px; } DIV.abc UL.sort02 A:hover, DIV.abc UL.sort02 A.active { color: #fff; text-decoration: none; background: url(bg30.gif) no-repeat; } DIV.abc UL.sort02 A:hover SPAN, DIV.abc UL.sort02 A.active SPAN { background: url(bg30.gif) no-repeat 100% 0; } DIV.abc UL.sort02 LI SPAN.nolink { padding: 0 5px 2px 2px; background: none !important; line-height: 12px; } DIV.greenbox01 { width: 932px; padding: 8px 0 5px 0; background: url(bg29.gif) 0 100% no-repeat; } DIV.greenbox01 DIV.a { padding: 5px 0 0 0; background: url(bg28.gif) no-repeat; } DIV.greenbox01 DIV.b { background: #fff; padding: 2px 10px; border: solid #60b1b3; border-width: 0 1px; } /* Gallery List */ UL.gal-list { width: 900px; margin: auto; padding: 27px 0 0 0; } UL.gal-list LI { float: left; width: 50%; padding: 0 0 27px 0; } UL.gal-list LI DIV.item { width: 404px; height: 98px; overflow: hidden; padding: 0 0 0 27px; } UL.gal-list LI DIV.item:hover { background: url(bg31.gif) 27px 0 no-repeat; } UL.gal-list LI DIV.item DIV.item-a { float: left; width: 149px; padding: 0 13px 0 0; } UL.gal-list LI DIV.item DIV.item-b { float: left; width: 197px; padding: 5px 0 0 0; } UL.gal-list LI DIV.item DIV.img { width: 149px; height: 94px; background: url(bg26.gif) no-repeat; overflow: hidden; } UL.gal-list LI DIV.item DIV.img P { margin: 0; padding: 3px 0 0 2px; } UL.gal-list LI DIV.item DIV.img IMG { width: 145px; height: 89px; } * HTML UL.gal-list LI DIV.item DIV.img A, * HTML UL.gal-list LI DIV.item DIV.txt A { position: static; } UL.gal-list LI DIV.item DIV.txt { line-height: 12px; } UL.gal-list LI DIV.item DIV.txt P { margin: 0; padding: 3px 0 0 5px; } UL.gal-list LI DIV.item DIV.txt P.name A { display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } UL.gal-list LI DIV.item DIV.txt P.name A:hover { color: #d32644; text-decoration: underline; } UL.gal-list LI DIV.item DIV.txt P.title A { display: block; color: #46aeae; font-size: 11px; font-weight: bold; text-decoration: none; } UL.gal-list LI DIV.item DIV.txt P.title A:hover { color: #46aeae; text-decoration: underline; } UL.gal-list LI DIV.item DIV.txt P.stats { font-size: 10px; color: #585d5d; } /* Video Option */ DIV.video-option { margin: 10px 0 0 0; position: relative; width: 928px; height: 468px; background: url(bg32.gif) no-repeat; } DIV.video-option DIV.video { position: absolute; top: 19px; left: 145px; width: 638px; height: 382px; } DIV.video-option DIV.rating { position: absolute; top: 416px; left: 142px; font-size: 12px; font-weight: bold; color: #585d5d; } DIV.video-option DIV.user { position: absolute; top: 414px; left: 264px; font-size: 12px; font-weight: bold; color: #585d5d; line-height: 18px; } DIV.video-option DIV.user SPAN { font-size: 16px; color: #d32644; } DIV.video-option DIV.user A { color: #d32644; text-decoration: none; } DIV.video-option DIV.user A:hover { color: #d32644; text-decoration: underline; } DIV.video-option DIV.stats { position: absolute; top: 414px; right: 145px; font-size: 12px; font-weight: bold; color: #585d5d; text-align: right; } DIV.video-option DIV.stats STRONG { color: #d32644; } DIV.video-option DIV.stats SPAN { padding: 0 13px 0 0; } DIV.video-option DIV.report { position: absolute; top: 436px; right: 145px; font-size: 10px; color: #585d5d; text-align: right; } DIV.video-option DIV.report A { color: #585d5d; text-decoration: underline; } DIV.video-option DIV.report A:hover { color: #585d5d; text-decoration: none; } DIV.video-option DIV.prev { position: absolute; top: 168px; left: 12px; width: 122px; height: 109px; } DIV.video-option DIV.next { position: absolute; top: 168px; right: 12px; width: 122px; height: 109px; } DIV.video-option DIV.cont { position: relative; } DIV.video-option DIV.prev A, DIV.video-option DIV.next A { position: absolute; top: 0; left: 0; display: block; width: 122px; height: 109px; background: url(bg35.png) no-repeat; } * HTML DIV.video-option DIV.prev A, * HTML DIV.video-option DIV.next A { background: none; } DIV.video-option DIV.prev A:hover, DIV.video-option DIV.next A:hover { background: none; } DIV.video-option DIV.prev DIV.img { padding: 3px 0 0 23px; } DIV.video-option DIV.prev DIV.img IMG { width: 97px; height: 72px; } DIV.video-option DIV.next DIV.img { padding: 3px 0 0 0; } DIV.video-option DIV.next DIV.img IMG { width: 97px; height: 72px; } DIV.video-option DIV.cont P.name { margin: 0; padding: 6px 0 0 0; display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } DIV.video-option DIV.cont P.title { margin: 0; display: block; color: #46aeae; font-size: 11px; font-weight: bold; text-decoration: none; } DIV.video-option DIV.next P { text-align: right; } /* Competition Finalists */ UL.finalist { margin: 2em 0 0 0; padding: 0; width: 937px; } UL.finalist LI { float: left; width: 100%; clear: both; } UL.finalist LI DIV.item { padding: 15px; } UL.finalist LI DIV.item:hover { background: #f1f9f9; } UL.finalist LI DIV.img { float: left; width: 110px; overflow: hidden; padding: 0 20px 0 0; } UL.finalist LI DIV.img P { margin: 0; padding: 3px 0 0 2px; } UL.finalist LI DIV.img P A { float: left; padding: 1px; background: #fff; border: 1px solid #ccc; } UL.finalist LI DIV.img IMG { width: 100px; height: 100px; } * HTML UL.finalist LI DIV.img A, * HTML UL.finalist LI DIV.txt A { position: static; } UL.finalist LI DIV.txt { float: left; width: 777px; } UL.finalist LI DIV.txt A { display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } UL.finalist LI DIV.txt A:hover { color: #d32644; text-decoration: underline; } UL.finalist LI DIV.txt P.view A { font-size: 11px; } DIV.finalist-detail { margin: 2em 0 0 0; } DIV.finalist-detail DIV.img { float: left; width: 129px; padding: 0; } DIV.finalist-detail DIV.img IMG { width: 100px; height: 100px; } DIV.finalist-detail DIV.txt { float: left; width: 571px; } DIV.finalist-detail DIV.txt P.name A { display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } DIV.finalist-detail DIV.txt P.name A:hover { color: #d32644; text-decoration: underline; } #socials { margin: 0; padding: 0; } #socials LI { width: 100%; float: left; clear: both; padding: 0 0 5px 0; } #socials LI A { display: block; padding: 5px 0 4px 35px; font-size: 12px; color: #000; } #socials LI.twitter A { background: url(ico_twitter.png) no-repeat; } #socials LI.facebook A { background: url(ico_facebook.png) no-repeat; } UL.finalist2 { margin: 1em 0 0 0; padding: 0; } UL.finalist2 LI { float: left; width: 100%; clear: both; border-bottom: 1px solid #e8e8e8; } UL.finalist2 LI A { padding: 7px 2px; display: block; color: #636363; text-decoration: none; } UL.finalist2 LI A:hover, UL.finalist2 LI A.active { background: #f1f9f9; } UL.finalist2 LI P { margin: 0; } UL.finalist2 LI IMG { width: 30px; height: 30px; } UL.finalist2 LI SPAN { display: block; } UL.finalist2 LI SPAN.img { float: left; width: 30px; height: 30px; padding: 1px; margin: 2px 5px 0 0; background: #fff; border: 1px solid #e8e8e8; } UL.finalist2 LI SPAN.name { padding: 5px 0 0 0; color: #d32644; font-size: 12px; font-weight: bold; } UL.finalist2 LI A:hover SPAN.name, UL.finalist2 LI A.active SPAN.name { text-decoration: underline; } UL.finalist2 LI SPAN.txt { padding: 4px 0 0 0; } /**** Colorbox ****/ .overlay-content { padding: 0; } .overlay-content DIV.heading { position: absolute; top: 0; left: 18px; padding: 0 5px; background: #fff; font-size: 13px; font-weight: bold; color: #54abab; z-index: 9000; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft { width:21px; background: #fff; } #cboxMiddleRight { width:21px; background: #fff; } #cboxTopCenter { height:21px; background: #fff; } #cboxBottomCenter {height:21px; background: #fff; } #cboxContent{background:#fff;} #cboxLoadedContent { margin-bottom: 5px; } #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;} #cboxClose{ position: absolute; top: 0; right: 0; background: #fff url(colorbox/cb_close.gif) 100% 0 no-repeat; width: 23px; height: 20px; text-indent:-9999px; z-index: 9000; } #cboxClose.hover { } /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/colorbox/ie/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/colorbox/ie/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/img/colorbox/ie/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background: #fff;} .cboxIE #cboxBottomCenter { background: #fff; } .cboxIE #cboxMiddleLeft { background: #fff; } .cboxIE #cboxMiddleRight { background: #fff; } /**** jCarousel ****/ /* Big */ DIV.carousel-container { margin: 10px 0 0 0; width: 932px; height: 190px; background: url(bg25.png) no-repeat; overflow: hidden; padding: 11px 0 0 0; } DIV.carousel-container DIV.img { width: 149px; height: 94px; background: url(bg26.gif) no-repeat; overflow: hidden; } DIV.carousel-container DIV.img P { margin: 0; padding: 3px 0 0 2px; } DIV.carousel-container DIV.img IMG { width: 145px; height: 89px; } * HTML DIV.carousel-container DIV.img A, * HTML DIV.carousel-container DIV.txt A { position: static; } DIV.carousel-container DIV.txt { line-height: 12px; } DIV.carousel-container.indexcar DIV.txt { padding: 10px 0 0 0; } DIV.carousel-container DIV.txt P { margin: 0; padding: 3px 0 0 5px; } DIV.carousel-container DIV.txt P.name A { display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } DIV.carousel-container DIV.txt P.name A:hover { color: #d32644; text-decoration: underline; } DIV.carousel-container DIV.txt P.title { width: 144px; overflow: hidden; white-space: nowrap; } DIV.carousel-container DIV.txt P.title A { display: block; color: #46aeae; font-size: 11px; font-weight: bold; text-decoration: none; } DIV.carousel-container DIV.txt P.title A:hover { color: #46aeae; text-decoration: underline; } DIV.carousel-container DIV.txt P.stats { font-size: 10px; color: #585d5d; } /**** Small ****/ DIV.carousel-container2 { margin: 1em 0 0 0; width: 700px; height: 110px; background: url(bg25c.png) no-repeat; overflow: hidden; padding: 16px 0 15px 0; } DIV.carousel-container2 DIV.img { width: 149px; height: 94px; background: url(bg26.gif) no-repeat; overflow: hidden; } DIV.carousel-container2 DIV.img P { margin: 0; padding: 3px 0 0 2px; } DIV.carousel-container2 DIV.img IMG { width: 145px; height: 89px; } * HTML DIV.carousel-container2 DIV.img A, * HTML DIV.carousel-container2 DIV.txt A { position: static; } DIV.carousel-container2 DIV.txt { line-height: 12px; } DIV.carousel-container2 DIV.txt P { margin: 0; padding: 6px 0 0 5px; } DIV.carousel-container2 DIV.txt P.title A { display: block; color: #d32644; font-size: 12px; font-weight: bold; text-decoration: none; } DIV.carousel-container2 DIV.txt P.title A:hover { color: #d32644; text-decoration: underline; } DIV.carousel-container DIV.txt P.stats { font-size: 10px; color: #585d5d; } .jcarousel-skin-tango2 .jcarousel-container { background: none; width: 620px; } .jcarousel-skin-tango2 .jcarousel-container-horizontal { padding: 0 40px; } .jcarousel-skin-tango2 .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango2 .jcarousel-clip-horizontal { height: 164px; width: 620px; } .jcarousel-skin-tango2 .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango2 .jcarousel-item { width: 149px; height: 164px; overflow:hidden; } .jcarousel-skin-tango2 .jcarousel-item-horizontal { margin-right: 8px; } .jcarousel-skin-tango2 .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango2 .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango2 .jcarousel-next-horizontal { position: absolute; top: 45px; right: 6px; width: 11px; height: 19px; cursor: pointer; background: url(jcarousel/next.gif) !important; } .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active { cursor: default; } .jcarousel-skin-tango2 .jcarousel-prev-horizontal { position: absolute; top: 45px; left: 6px; width: 11px; height: 19px; cursor: pointer; background: url(jcarousel/prev.gif) !important; } .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active { cursor: default; } /**** // Small ****/ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the