/* --------------------------------------------- Spartanburg 6 Master Screen Style Sheet author: Cyberwoven version: 2009.09 ----------------------------------------------- */ /* Resets (Meyer Effect) ---- --------------------------------------------------- */ 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, 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; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Commence Stylization ---- --------------------------------------------------- */ /* CSS Hover Effects */ #content_area a, span.toggle, .news_events ul li a, a.action, #main_nav li ul li a, #top_bar a, .top_controls a, #footer_wrapper a, a.school_image, .slider a { -webkit-transition-property:color; -webkit-transition-duration:.2s; -webkit-transition-timing-function:ease-in; outline:none; } span.toggle, a.school_image { -webkit-transition-property:background; } a:link, a:visited { color:#005eb4; text-decoration:none; } a:hover { color:#d46900; text-shadow:#fff 1px 1px 1px; } a.action { font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:12px; text-align:right; display:inline-block; padding:0 10px 0 0; background:url(../../images/spartan6/action_arrow.png) no-repeat 100% -6px; } a.action:hover { background-position:100% 6px; } .heavy { font-weight:bold; } .hide { position:absolute; margin-left:-9999px; text-indent:-9999px; display:block; } .clear { display:block; clear:both; } .center { text-align:center; } .serif { font-family:georgia, "times new roman", times, serif; } .small { font-size:10px; } body { display:block; position:relative; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:18px; color:#193f62; background:#81aed7 url(../../images/spartan6/body_bg.jpg) repeat-x 50% 0; } body.internal { background:#e3f1fe url(../../images/spartan6/internal/body_bg.jpg) repeat-x 50% 0; } .skiplink { position:absolute; margin-left:-9999px; } #top_bar { display:block; position:relative; height:33px; width:100%; min-width:600px; z-index:2; } #top_bar a.district_link { display:block; float:left; height:26px; padding:7px 0 0 0; margin:0 0 0 15px; color:#cbe0f3; text-decoration:none; } #top_bar a.district_link:hover { color:#fff; text-shadow:none; } #top_bar ul { float:right; text-align:left; height:100%; width:auto; position:relative; display:block; margin:0 0 0 15px; } #top_bar ul li { display:block; position:relative; float:left; height:100%; margin:0; } #top_bar ul li a { display:block; position:relative; height:26px; padding:7px 19px 0 17px; color:#9fc9f0; text-decoration:none; font-family:georgia, "times new roman", times, serif; font-style:italic; } #top_bar ul li a:hover { color:#cbe0f3; text-shadow:none; } #top_bar ul li.school_list { width:226px; } #top_bar ul li.school_list a { padding-left:31px; background:url(../../images/topBar/select_school_arrow.png) no-repeat 14px -30px; } #top_bar ul li.school_list a:hover { background-position:14px 15px; } #top_bar ul li.school_list div { position:absolute; display:none; left:0; } #top_bar ul li.school_list ul.main { display:block; float:none; margin:0; padding:18px 23px 23px 23px; background:#032543 url(../../images/spartan6/topBar/school_list_bg.png) repeat-x 0 0; } #top_bar ul li.school_list ul.main li { display:inline; padding:0; margin:0; clear:left; float:none; height:auto; } #top_bar ul li.school_list ul.main li a {display:block; background:none; padding:3px 0; margin:0 0 4px 0; height:auto; color:#4fa3f2; font-family:helvetica, arial, sans-serif; font-size:11px; line-height:14px; font-style:normal; } #top_bar ul li.school_list ul.main li a:hover { color:#fff; } #top_bar ul li.school_list ul.main li h3 { font-weight:bold; color:#fff; } #top_bar ul li.school_list ul.main li ul { margin:5px 0 15px 0; float:none; background:none; } #top_bar ul li.search { width:163px; } #top_bar ul li.search a { padding-left:36px; background:url(../../images/topBar/search_icon.png) no-repeat 14px -27px; } #top_bar ul li.search a:hover { background-position:14px 10px; } #top_bar ul li.search div { position:absolute; display:none; padding:2px 4px; right:0; background:#002a52; } #top_bar ul li.search div label { position:absolute; top:10px; left:12px; font-family:georgia, "times new roman", times, serif; font-style:italic; } #top_bar ul li.search div input#query { display:block; width:272px; background:#b9d8f4 url(../../images/spartan6/topBar/query_bg.png) no-repeat 0 0; border:none; padding:6px 8px 8px 8px; } #top_bar ul li.search div input.button { display:none; } .outer_wrapper { display:block; min-width:960px; width:100%; position:relative; background:url(../../images/spartan6/home/outer_wrapper_bg.jpg) no-repeat 50% 0; } body.internal .outer_wrapper { background:url(../../images/spartan6/internal/outer_wrapper_bg.jpg) no-repeat 50% 0; } .wrapper { display:block; position:relative; width:960px; margin:0 auto; z-index:1; } #left_block { position:relative; display:block; width:290px; height:364px; z-index:1; } body.internal #left_block { height:100%; float:left; width:299px; background:url(../../images/spartan6/internal/left_block_bg.jpg) no-repeat 100% 134px; overflow:hidden;} #left_block h1 { display:block; width:290px; height:141px; text-indent:-9999px; } body.internal #left_block h1 { height:138px; background:none; } #left_block h1 a { display:block; height:100%; width:100%; background:url(../../images/spartan6/internal/logo.jpg) no-repeat 0 0; } #left_block h1 a:hover { background-position:-290px 0; } #main_nav { display:block; font-family:helvetica, arial, sans-serif; position:relative; height:180px; width:290px; padding:39px 0 0 0; } body.internal #main_nav { height:auto; padding-bottom:45px; } #main_nav li { display:block; font-size:15px; margin-top:-1px; background:url(../../images/spartan6/home/main_nav_li_bg.png) no-repeat 50% 100%; } #main_nav li:last-child { background:none; } body.internal #main_nav li { background:none; } body.internal #main_nav li.current { padding-bottom:2px; background:url(../../images/spartan6/internal/main_nav_current_li.png) no-repeat 100% 100%; } #main_nav li a { color:#fff; text-decoration:none; text-shadow:#001e49 2px 2px 2px; display:block; padding:5px 20px 5px 70px; background:url(../../images/spartan6/home/main_nav_a_hover.png) no-repeat -9999px 0; } body.internal #main_nav li a { color:#001e49; padding:6px 20px 6px 70px; text-shadow:none; background:url(../../images/spartan6/internal/main_nav_a_hover.png) no-repeat -9999px 0; } #main_nav li a:hover { color:#fff; text-shadow:#00112a 2px 2px 2px; background-position:50% 0; } body.internal #main_nav li a:hover { color:#000e23; } body.internal #main_nav li a:hover, body.internal #main_nav li.current a { background-position:10px 0; } #main_nav li ul { position:absolute; margin-left:-9999px; display:block; width:100%; } body.internal #main_nav li ul { position:relative; padding:5px 0; margin:0; background:url(../../images/spartan6/internal/sub_nav_bg.jpg) no-repeat 100% 0; } body.internal #main_nav li ul li { display:block; width:195px; margin:0 0 0 62px; } body.internal #main_nav li ul li.current { padding-bottom:none; margin-bottom:0; background:none; } body.internal #main_nav li ul li a, body.internal #main_nav li.current ul li a { color:#005eb4; font-size:13px; margin:0; padding:3px 20px 3px 13px; background:none; } body.internal #main_nav li ul li a:hover, body.internal #main_nav li ul li.current a { text-shadow:none; padding:3px 20px 3px 13px; margin:0; background:url(../../images/spartan6/internal/sub_nav_arrow.png) no-repeat 0 50%; } body.internal #main_nav li ul li a:hover { color:#002e58; } body.internal #main_nav li ul li.current a { font-weight:bold; } body.internal #main_nav li ul li ul { } body.internal #main_nav li ul li ul li { margin-left:10px; } body.internal #main_nav li ul li.current ul li a { font-weight:normal; font-size:12px; } body.internal #main_nav li ul li ul li ul { background:none; } body.internal #main_nav li ul li ul li ul { } body.internal #main_nav li ul li ul li ul li.current {font-size:11px; } #left_block .news_events_toggle { display:block; position:absolute; z-index:4; right:0; margin:2px 0 0 0; padding:11px 0 0 11px; width:56px; height:35px; text-indent:-9999px; background:url(../../images/spartan6/internal/news_events_toggle_bg.jpg) no-repeat 0 0; } #left_block .news_events_toggle span.toggle { display:block; float:left; cursor:pointer; margin:0 2px 0 0; width:22px; height:22px; background:url(../../images/internal/toggle_icons.png) no-repeat 0 0; } #left_block .news_events_toggle span.current { height:34px !important; } #left_block .news_events_toggle .hint { position:absolute; top:-20px; left:0; display:block; opacity:0; width:150px; margin-left:-90px; text-align:right; text-indent:0; font-size:10px; xcolor:#fff; } #left_block .news_events_toggle .hint strong { font-weight:bold; } #left_block .news_events_toggle span.toggle.news { } #left_block .news_events_toggle #togglenews:hover, #left_block .news_events_toggle #togglenews.current { background-position:0 -22px; } #left_block .news_events_toggle #toggleevents { background-position:100% 0; } #left_block .news_events_toggle #toggleevents:hover, #left_block .news_events_toggle #toggleevents.current { background-position:100% -22px; } #left_block .news_events { position:relative; z-index:3; float:none; width:100%; margin:0; background:url(../../images/spartan6/internal/news_events_bg.jpg) no-repeat 100% 0; } #left_block .news_events h2 { margin:0 0 0 70px; width:160px; padding:27px 0 0 0; } #left_block .news_events ul { width:100%; margin:12px 0 0 0; } #left_block .news_events ul li { width:259px; background:url(../../images/spartan6/internal/news_events_li_bg.png) no-repeat 100% 100%; } #left_block .news_events ul li a { font-size:11px; } #left_block .news_events.events { display:none; } #main_block_wrapper { display:block; width:661px; float:right; clear:none; background:url(../../images/spartan6/internal/main_block_bottom.png) repeat-y 0 0; } #main_block { display:block; min-height:700px; height:auto !important; height:700px; width:660px; padding:0 50px 150px 11px; background:url(../../images/spartan6/internal/one_column_main_block_bg.png) no-repeat 0 -1px; } body.two_column #main_block { background:url(../../images/spartan6/internal/two_column_main_block_bg.png) no-repeat 0 -1px; } .breadcrumbs { display:block; height:29px; width:auto; padding:10px 0 0 59px; margin:0 0 0 -9px; } .breadcrumbs li { display:block; float:left; position:relative; font-size:11px; padding:0 10px 0 0; margin:0 2px 0 0; background:url(../../images/spartan6/internal/breadcrumbs_arrow.png) no-repeat right center; } .breadcrumbs li.current { background:none; } .breadcrumbs li.current a { font-weight:bold; } #main_block h2 { display:block; margin:42px 0 0 60px; padding:0 0 5px 0; color:#001e49; font-size:20px; } #main_block h2 em { font-family:georgia, "times new roman", times, serif; font-size:15px; font-weight:normal; font-style:italic; color:#1c4887; margin-left:5px; } /* Emergency Notifications*/ #emergency { display:block; position:absolute; width:640px; top:0; left:280px; min-height:30px; height:auto !important; height:30px; z-index:5; padding:5px 25px 15px 25px; color:#fff; background:url(../../images/spartan6/home/emergency_bg.png) no-repeat 0 100%; } * html #emergency { background:url(../../images/spartan6/home/emergency_bg_ie.png) no-repeat 0 100%; } #emergency h3 { display:block; float:left; font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:14px; color:#ffdede; text-shadow:1px 1px 1px #360909; margin:0 15px 0 0; width:180px; } #emergency ul { float:left; display:block; width:430px; } #emergency ul li { text-shadow:1px 1px 1px #671a1a; } /* Editable Area */ #content_area { display:block; margin:27px 0 0 0; padding:30px 0 0 60px; width:540px;} body.two_column #content_area { padding:0 0 0 191px; width:400px; } body.news #content_area, body.events #content_area { xpadding:0; } #content_area h3 { display:block; color:#a35c00; font-weight:bold; font-size:16px; margin:0 0 15px 0; } #content_area h4 { display:block; font-size:14px; font-weight:bold; padding:6px 0 0 0; margin:0 0 12px 0; } #content_area h5 { display:block; color:#a35c00; padding:6px 0 0 0; margin:0 0 12px 0; } #content_area img { display:block; padding:1px; background:#fff; border:solid 1px #bec7d1; float:left; margin:10px 20px 20px -20px; max-width:400px; } body.two_column #content_area img { margin:0 20px 20px -85px; } #content_area .drop_cap { display:block; color:#869ab7; font-size:50px; line-height:40px; font-family:georgia, "times new roman", times, serif; float:left; margin:-2px 4px 0 0; } #content_area p { line-height:20px; display:block; margin:0 0 12px 0; } #content_area a:link, #content_area a:visited { font-size:11px; font-weight:bold; } #content_area blockquote { display:block; margin:0 0 15px 0; color:#644f21; font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:14px; line-height:20px; text-align:left; padding:10px 0 0 0; background:url(../../images/spartan6/internal/blockquote_bg.png) no-repeat 0 0; } body.two_column #content_area blockquote { clear:left; margin:0 0 0 -172px; width:120px; float:left; text-align:right; } #content_area ul, #content_area ol { display:block; margin:0 0 12px -5px; } #content_area ul li { display:block; padding:0 0 0 15px; } #content_area ul li { list-style:none; margin:0 0 5px 0; background:url(../../images/spartan6/internal/ul_bg.gif) no-repeat 0 7px; } #content_area ol li { list-style:decimal; margin:0 0 5px 25px; } #content_area table { display:table; margin:0 0 12px 0; font-size:11px; overflow:hidden; border-left:solid 1px #7991a7; border-top:solid 1px #7991a7; } #content_area table th { font-weight:bold; padding:3px 6px; border:solid 1px #7991a7; border-left:none; border-top:none; } #content_area table td { padding:3px 6px; border:solid 1px #7991a7; border-top:none; border-left:none; } #content_area table.nocolumnborders {border-left:none;} #content_area table.nocolumnborders td {border-right:none;} #content_area table td img {float:none; margin:2px;} #content_area table tbody tr.even { background:#d2e7fa; } #content_area em { font-style:italic; } #content_area strong { font-weight:bold; } #content_area .image_caption { display:block; background:#d6ebfd; padding:15px; } #content_area .image_caption.left { float:left; margin:0 15px 15px 0; } #content_area .image_caption.right { float:right; margin:0 0 15px 15px; } #content_area .image_caption img, #content_area ul.photo_gallery li img { float:none; margin:0 0 15px 0; } #content_area .image_caption span.caption, #content_area ul.photo_gallery li span.caption { display:block; margin:0; padding:0; clear:both; font-size:12px; font-style:italic; font-family:georgia, "times new roman", times, serif; text-align:left; color:#234868; } #content_area ul.photo_gallery { margin-left:-60px; width:600px; } #content_area ul.photo_gallery li { background:#d6ebfd; padding:15px; float:left; display:block; margin:0 10px 10px 0; } #content_area span.hard_left { margin-left:-60px; } /* News & Events */ #rss, a.togglecalendar { position:absolute; right:60px; top:79px; } a.togglecalendar { top:85px; } #rss a { display:block; width:19px; height:20px; text-indent:-9999px; background:url(../../images/internal/rss_icon.png) no-repeat 0 100%; } #rss a:hover { background-position:0 0; } #rss em { position:absolute; text-align:right; display:none; width:150px; right:0; top:38px; font-family:georgia, "times new roman", times, serif; color:#005eb4; } .categoryselector { display:block; width:470px; margin:0; padding:20px 0; background:url(../../images/spartan6/internal/newsblock_bg.png) no-repeat 140px 100%; } .categoryselector label { font-family:georgia, "times new roman", times, serif; font-style:italic; display:block; float:left; display:block; width:140px; margin:0 10px 0 10px; text-align:right; } .categoryselector select { display:block; float:right; width:310px; overflow:hidden; } #content_area table.newsTable, #content_area div.eventTable table { border:none !important; } #content_area table.newsTable tr, #content_area div.eventTable table tr { background:none !important; } #content_area table.newsTable td, #content_area div.eventTable table td { padding:0; border:none !important; } .newsblock, .eventblock { clear:both; display:block; width:470px; padding:20px 60px 20px 0; background:url(../../images/spartan6/internal/newsblock_bg.png) no-repeat 140px 100%; } .newsblock .newsdate, .eventblock .eventdate { font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:12px; color:#a35c00; float:left; display:block; width:140px; margin:0 0 0 10px; text-align:right; } .newsblock h4, .newsblock p, .eventblock h4.eventtitle, .eventblock p.eventlist { display:block; float:right; width:310px; margin:0 0 0 10px; } #content_area .newsblock h4, #content_area .eventblock h4.eventtitle { padding:0; letter-spacing:-.05em; } #content_area .newsblock h4 a, #content_area .eventblock h4.eventtitle a { font-size:12px; } .newsblock p, .eventblock p { font-size:12px; letter-spacing:-.05em; } .news_article, .event_article { display:block; } .news_article_header { padding:0 0 20px 0; margin:0 0 20px 0; background:url(../../images/spartan6/internal/newsblock_bg.png) no-repeat 0 100%; } #content_area .news_article h3#newsarticletitle, #content_area .event_article h3#eventarticletitle { margin:0; color:#005eb4; } #content_area .news_article h4.date, #content_area .event_article h4.date { margin:0 0 4px 0; color:#a35c00; font-weight:normal; font-style:italic; font-family:georgia, "times new roman", times, serif; } #main_block #content_area h2 { margin:0 0 15px 0; } a.newsback, a.eventsback { display:inline-block; margin:30px 0 0 -10px; } .monthselector { position:absolute; right:120px; margin:5px 0 0 0; } #content_area table.calendarbox { width:560px !important; display:table; } #content_area table.calendarbox tr { background:none !important; } #content_area table.calendarbox tbody tr td { background:none !important; padding:2px; } #content_area table.calendarbox .today { background:#ffffdc !important; } #content_area table.calendarbox h5 { margin:0; padding:0; } #content_area table.calendarbox .today h5 { font-weight:bold; } #content_area table.calendarbox .othermonth h5 { color:#577997; } #content_area table.calendarbox ul { margin:0; } #content_area table.calendarbox ul li { background:none; padding:0; } #content_area table.calendarheader { font-size:14px; border:none !important; border-bottom:solid 1px #efefef; padding:0 0 4px 0; } #content_area td.nextprevmonth a { font-size:18px; color:#005eb4 !important; } #content_area td.nextprevmonth a:hover { color:#d46900 !important; } #ContentRegion1_ctl00_lblNoNews { margin-left:60px; } /* Contact Form */ .formrow { margin-bottom:15px; } .formrow label { } .formrow label.required { font-weight:bold; } .formrow input.textbox, .formrow textarea { padding:3px; display:block; clear:both; width:100%; } .formrow span.error { color:#d46900 !important; } input.formsubmit { font-size:13px; background:#005eb4; border:none; padding:4px 8px; color:#fff; cursor:pointer; } input.formsubmit:hover { background:#d46900; } #motion { display:block; position:absolute; z-index:3; left:291px; top:0; width:650px; height:404px; padding:0 10px 10px 10px; background:url(../../images/spartan6/home/motion_bg.jpg) no-repeat 9px 0; } #motion em { position:absolute; margin-left:-9999px; } #motion ul#slides { position:absolute; display:none; top:0; left:9px; z-index:1; } #motion embed { position:absolute; top:0; z-index:2; } .power_school { position:relative; height:152px; padding:0; z-index:1; } .power_school h2 { position:absolute; text-indent:-9999px; } .power_school a { display:block; width:148px; height:28px; text-indent:-9999px; top:94px; left:20px; position:absolute; background:url(../../images/dorman_h/home/power_school_button.png) no-repeat 0 0; } .power_school a:hover { background-position:-148px 0; } .quicklinks { display:block; width:100%; padding:30px 0 0 0; } .quicklinks h2 { margin:0 0 0 50px; width:250px; font-size:16px; color:#cc1800; text-shadow:#fff 1px 1px 1px; } .quicklinks ul { display:block; margin:20px 0 0 0; width:100%; } .quicklinks ul li { display:block; padding:4px 20px 6px 50px; background:url(../../images/dorman_h/home/quicklinks_li_bg.png) no-repeat 100% 100%; } .quicklinks ul li:last-child { background:none; } .quicklinks ul li a { font-family:georgia, "times new roman", times, serif; font-style:italic; font-size:14px; } .left_column, .news_events { display:block; position:relative; float:left; width:320px; } .news_events { height:228px; margin:50px 0 0 0; overflow:hidden; } .news_events h2 { margin:25px 0 0 20px; width:280px; font-size:16px; color:#193f62; text-shadow:#fff 1px 1px 1px; } .news_events ul { margin:16px 0 0 0; width:100%; } .news_events ul li { display:block; overflow:hidden; padding:8px 20px; width:280px; background:url(../../images/spartan6/home/news_events_li_bg.png) no-repeat 50% 100%; } .news_events ul li .date { float:left; display:block; font-family:georgia, "times new roman", times, serif; font-style:italic; color:#375d7f; width:50px; overflow:hidden; } .news_events ul li a { display:block; margin:0; } .news_events a.action { display:block; float:right; margin:15px 10px 0 0; } .news_events.news { } .news_events.events { } #footer_wrapper { clear:both; display:block; width:100%; background:#77abd7 url(../../images/spartan6/home/footer_wrapper_bg.png) repeat-x 50% 0; } #footer_wrapper .wrapper { display:block; width:950px; height:120px; padding:35px 10px 0 10px; color:#2f587e; } ul.footer_nav { } ul.footer_nav li { display:inline; margin:0 15px 0 0; } #footer_wrapper .wrapper .vcard { margin:10px 0 0 0; padding:0; position:relative; display:block; font-size:11px; } #footer_wrapper .wrapper .vcard div { display:block; float:left; margin:0 12px 0 0; } #footer_wrapper .wrapper .vcard div.hide { margin:0; } .vcard .tel abbr { color:#1b354e; font-family:georgia, "times new roman", times, serif; font-style:italic; } #footer_wrapper #translator { display:block; position:absolute; top:90px; left:10px; margin:0; padding:0;} #footer_wrapper .wrapper .copyright {display:block; text-align:right; position:absolute; top:45px; left:650px; width:300px; } #footer_wrapper .wrapper .powered_by {display:block; text-align:right; position:absolute; top:70px; left:650px; width:300px; font-size:11px; } #footer_wrapper .wrapper .powered_by a {display:inline;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }