/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet Hampshire High School site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; color:#4b4b4b; text-align:center; background: #ffffff url(../images/layup/bodyBgInternal.jpg) no-repeat center top; } body#home { background: #f8f6f2 url(../images/layup/bodyBg.jpg) no-repeat center top; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:922px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #homeInfo { width:960px; margin:0 auto; text-align:left; font-size:110%; position: relative; z-index: 99999999; } #homeInfo .padding { position: absolute; top: 0px; left: 0px; } #header { position: relative; height: 147px; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #headerLinks { position: absolute; top: 70px; left: 730px; } #header #contactDetails { font-size:15px; font-weight:bold; color:#1a0b46; text-align:right; position:absolute; right:11px; top:37px; } #homeContent { width: 922px; } #homeContent #rightCol { float: left; width: 234px; background: url(../images/layup/homeRightColBg.gif) no-repeat; } #homeContent #rightCol #flashSmall { width:234px; height:180px; } #homeContent #rightCol #flashSmall .padding { padding:16px 0 0 11px; } #homeContent #rightCol #flashSmall .title { padding:0 0 14px 6px; } #homeContent #rightCol .padding { padding: 0px 12px 0px 9px; margin: 15px 0px 0px 0px; } #homeContent #rightCol .box { background: #e8e7e3 url(../images/layup/homeRightBoxHeader.jpg) no-repeat top; padding: 14px 10px 14px 14px; border-bottom: 1px solid #d3d2d1; } #homeContent #rightCol .box a { display: block; text-decoration: none; font-weight: normal; } #homeContent #rightCol .lastItem { background:url(../images/layup/homeRightColBottomBg.gif) no-repeat; padding-bottom: 105px; border-bottom: none; } #homeContent #leftCol { float: left; width: 687px; } #homeContent #leftCol .padding { padding: 30px 20px 0px 20px; } #homeContent #leftCol #mainImage { background: url(../images/layup/homeMainImageBg.gif) no-repeat; padding: 15px 0px 6px 12px; } #homeContent #leftCol #homeImage { float: left; } #homeContent #leftCol #homeJumps { padding: 0px 3px 0px 3px; } #homeContent #leftCol #homeJumps .box { width: 227px; height: 168px; float: left; background: url(../images/layup/homeBoxBg.jpg) no-repeat; } #homeContent #leftCol #homeJumps .box .padding { display: block; padding: 12px 8px 0px 9px; } #homeContent #leftCol #homeLinks { padding-left:20px;} #homeContent #leftCol #homeLinks a {float:left;} #internalContent { background: url(../images/layup/internalBg.gif) repeat-y; width: 922px; } #internalContent #topShadow { display: block; background: url(../images/layup/internalTopShadowBg.gif) top no-repeat; height: 15px; } #internalContent #bottomShadow { display: block; background: url(../images/layup/internalBottomShadowBg.gif) bottom no-repeat; height: 25px; } #internalContent #leftCol { width: 198px; float: left; } #internalContent #leftCol .padding { padding: 0px 0px 0px 24px; } #internalContent #rightCol { width: 724px; float: left; background: url(../images/layup/1pxGif.gif) left repeat-y; } #internalContent #rightCol .padding { padding: 0px 22px 0px 24px; } #internalContent #rightCol #requiredText { width: 109px; float: left; padding: 0px 0px 0px 12px; } #internalContent #rightCol #requiredPlugins { width: 263px; padding: 20px 0px 0px 0px; } #internalContent #rightCol #requiredPlugins img { float: left; } #internalContent #rightCol #dateFilter { float: right; padding-top: 10px; width: 280px; } #internalContent #rightCol #dateFilter select, #internalContent #rightCol #dateFilter img, #internalContent #rightCol #dateFilter #filterLabel { float: left; margin-right: 10px; } #internalContent #rightCol .boxHeading { display: block; background: #cabea5; color: #312d26; padding: 5px 15px 5px 15px; font-weight: bold; margin-bottom: 10px; } #internalContent #rightCol .internalBox { background: #f8f6f2; padding-bottom: 10px; } #internalContent #rightCol .boxDetails { display: block; padding: 0px 10px 0px 15px; } #internalContent #rightCol #googleMap { display: block; float: right; margin: 0px 0px 0px 15px; } #internalContent #rightCol .internalBox .boxDetails .borderGrey { margin: 0px 0px 0px 0px; } #internalContent #rightCol #contactBoxes .listItem { width: 333px; height: 180px; float: left; margin-right: 10px; margin-top: 30px; } #internalContent #rightCol #contactBoxes .lastItem { margin-right: 0px; } #internalContent #rightCol #contactBoxes .readMore a, .btnRight { background: #cabea5; color: #312d26; border-top: 1px solid #FFF; display: block; padding: 3px 10px 3px 10px; float: right; text-decoration: none; } #internalContent #rightCol .closeDate { display: block; padding: 5px 0px 0px 10px; } #internalContent #rightCol #vacancyList .listItem { padding-bottom: 30px; } #contactBoxes { margin-bottom: 20px; } /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .hand { cursor:pointer;} .blueBtn60 { cursor: pointer; padding: 2px 0px 2px 0px; margin: 0px 10px 0px 0px; text-align:center; width: 60px; border: 3px solid #dccfb1; display: block; background: #beb091; color: #FFF; text-decoration: none; } .blueBtn80 { cursor: pointer; padding: 2px 0px 2px 0px; text-align:center; width: 80px; border: 3px solid #dccfb1; display: block; background: #beb091; color: #FFF; text-decoration: none; } .blueBtn90 { cursor: pointer; padding: 2px 0px 2px 0px; text-align:center; width: 90px; border: 3px solid #dccfb1; display: block; background: #beb091; color: #FFF; text-decoration: none; } .blueBtn90W { cursor: pointer; padding: 2px 0px 2px 0px; text-align:center; width: 90px; border: 3px solid #efebe3; display: block; background: #beb091; color: #FFF; text-decoration: none; } .borderGrey { border: 5px solid #cabea5; margin: 13px 0px 0px 0px; } .redText { display: block; font-size: 11px; font-weight: bold; color: #bd2727; padding: 15px 0px 0px 0px; } .blueText { display: block; font-size: 11px; font-weight: bold; color: #0e003d; padding: 15px 0px 0px 0px; } .listImage { margin: 0px 0px 5px 0px; float: left; } .bold { font-weight: bold; } /* ----- IMAGE FRAMES ----- */ #homeJumps .box .cmsImage { background: url(../images/layup/homeNoImage.jpg) no-repeat; cursor:pointer; display:block; height:114px; position:relative; width:210px; } #homeJumps .box .cmsImage .frame { display:block; left: 0px; position: absolute; top: 0px; z-index: 999; } #internalList .listItem { display: block; width: 220px; float: left; } #internalList .listItem a { text-decoration: none; cursor: pointer; } #internalList .listItem span { display: block; clear: both; padding-bottom: 15px; padding-left: 10px; } /* ----- LISTS ----- */ #internalList .listType1 { height: 195px; } #internalList .listType1 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType1 .itemImage { float: left; } #internalList .listType1 .itemImage .borderGrey { margin: 0px; } #internalList .listType1 .itemDetails { float: left; width: 482px; height: 142px; background: #f8f6f2; } #internalList .listType1 .itemDetails .itemHeading { display: block; background: #cabea5; color: #312d26; padding: 8px 15px 8px 15px; font-weight: bold; } #internalList .listType1 .itemDetails .itemInfo { display: block; padding: 10px 15px 0px 15px; } #internalList .listType1 .itemReadMore { display: block; clear: both; color: #312d26; font-weight: bold; padding: 0px 10px 0px 0px; margin-top: 1px; } #internalList .listType1 .itemReadMore .padding { padding: 4px 10px 4px 10px !important; background: #cabea5; display: block; } #internalList .listType2 { height: 225px; } #internalList .listType2 { float: left; width: 329px; padding-right: 10px; } #internalList .listType2 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType2 .itemImage { float: left; } #internalList .listType2 .itemImage .borderGrey { margin: 0px; border-top: none; } #internalList .listType2 .itemHeading { display: block; background: #cabea5; color: #312d26; padding: 8px 15px 8px 15px; font-weight: bold; } #internalList .listType2 .itemDetails { float: left; width: 143px; height: 137px; background: #f8f6f2; } #internalList .listType2 .itemDetails .itemInfo { display: block; padding: 10px 15px 0px 15px; } #internalList .listType2 .itemReadMore { display: block; clear: both; color: #312d26; background: #cabea5; font-weight: bold; padding: 4px 10px 4px 10px; margin-top: 1px; } #internalList .listType2 .itemReadMore .padding { padding: 0px 0px 0px 0px !important; display: block; } #internalList .listType3 { float: left; width: 219px; padding-right: 5px; height: 180px; } #internalList .listType3 a { text-decoration: none; font-weight: normal; cursor: pointer; } #internalList .listType3 .itemImage { float: left; } #internalList .listType3 .itemImage .borderGrey { margin: 0px; border-top: none; } #internalList .listType3 .itemHeading { display: block; background: #cabea5; color: #312d26; padding: 8px 15px 8px 15px; font-weight: bold; } #internalList .listType3 .itemDetails { float: left; width: 219px; height: 105px; background: #f8f6f2; } #internalList .listType3 .itemDetails .itemInfo { display: block; padding: 10px 15px 0px 15px; } #internalList .listType3 .itemReadMore { display: block; clear: both; color: #312d26; background: #cabea5; font-weight: bold; padding: 4px 10px 4px 10px; margin-top: 1px; } #internalList .listType3 .itemReadMore .padding { padding: 0px 0px 0px 0px !important; display: block; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1 { color: #675837; font-size: 23px; } /* ----- TOP NAVIGATION ----- */ #primaryNav * { z-index: 1000; } #primaryNav { background: url(../images/layup/primaryNavBg.gif) no-repeat; height: 37px; } #primaryNav ul { list-style: none; margin: 0; padding: 0px 0px 0px 0px; } #primaryNav li { float: left; background: url(../images/layup/navSpacer.gif) right no-repeat; } #primaryNav li a { text-decoration: none; padding: 9px 12px 10px 10px; display: block; color: #FFF; } #primaryNav li.firstItem { padding-left: 7px; } #primaryNav li.firstItem a { padding-left: 13px; } #primaryNav li#navDate { float: right; color: #4d483b; background: none; padding: 9px 20px 0px 0px; font-weight: bold; } #primaryNav li a:hover, #primaryNav li a.active { background: #b2a485; color: #fff; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 0px 0px 0px 0px; margin: 0px; background: #ececec; width: 200px; height: 25px; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 5px 5px 5px 10px; margin: 0px; color: #666666; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 5px 5px 5px 10px; margin: 0px; color: #000; } /* ----- SECONDARY HOME NAVIGATION ----- */ #secondaryNav { width: 149px; padding-top: 35px; } #secondaryNav ul { list-style: none; padding: 0; margin: 0px 0px 0px 0px; } #secondaryNav li { border-bottom: 1px solid #e9e8e8; float: left; width: 149px; text-align: right; } #secondaryNav li a { width: 144px; float: right; text-decoration: none; color: #7a7977; font-weight: bold; font-size: 11px; display: block; padding: 9px 5px 9px 0px; border-top: 1px solid #FFF; } #secondaryNav li a:hover, #secondaryNav li a.active { background:#c8bda2 url(../images/layup/secondaryNavBg.gif) bottom left repeat-x; color: #312d26; } #secondaryNav li#navHeading a, #secondaryNav li#navHeading a:hover, #secondaryNav li#navHeading a:visited { text-decoration:none; font-weight: bold; padding: 0px 0px 4px 0px; height: 20px; background: transparent; color: #312D26; } /* ----- SECONDARY HOME NAVIGATION ----- */ #secondaryHomeNav { float: right; width: 156px; padding-top: 108px; } #secondaryHomeNav ul { list-style: none; padding: 0; margin: 0px 16px 0px 0px; } #secondaryHomeNav li { border-top: 1px solid #d0cecb; float: left; width: 140px; } #secondaryHomeNav li.lastItem { border-bottom: 1px solid #d0cecb; } #secondaryHomeNav li a { text-decoration: none; color: #636261; font-weight: normal; font-size: 12px; display: block; padding: 4px 0px 3px 12px; border-top: 1px solid #f8f6f2; border-bottom: 1px solid #f8f6f2; } #secondaryHomeNav li a:hover, #secondaryHomeNav li a.active { background: #c8bda2; } /* ----- DOWNLOAD NAV ----- */ #downloadList { padding: 0px; margin: 0px; list-style: none; width: 263px; } #downloadList li { padding: 0px; margin: 0px; float: left; width: 263px; } #downloadList li a { display: block; padding: 10px 0px 10px 40px; text-decoration: none; border-bottom: 1px solid #e9e8e8; color: #312d26; } #downloadList li.iconpdf { background: url(../images/layup/iconPdf.gif) no-repeat; } #downloadList li.iconmov { background: url(../images/layup/iconQuicktime.gif) no-repeat; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { padding: 5px 0px 25px 24px; } #breadcrumbs a { color: #312d26; font-weight: normal; text-decoration: underline; } #breadcrumbs strong { color: #312d26; } #pagination { float: right; } #pagination a { padding: 0px 4px 0px 4px; text-decoration: none; } #pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; } #pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { } #footer .padding { padding: 20px 0px 0px 24px; } #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#4b4b4b; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#675837;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #btnSubmit { width:59px; height:28px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #675837; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } .galleryThumb { float: left; margin: 0px 12px 0px 11px; } .galleryTitle { text-align: center; } #showcase .thumbs { width: 784px; float: left; } .thumbs .contained { width: 154px; background: #F2F2F2 url(../images/templates/grid1-shadow.png) center bottom no-repeat; display: inline; } .thumbs .contained:nth-child(4n+5) { clear: both; } .thumbs .contained h2 { font-family: Georgia, Cambria, "Times New Roman", Times, serif; text-transform: none; font-weight: normal; margin-bottom: 0; padding-top: 6px; padding-right: 18px; zoom: 1; } #sc-feat { padding-left: 0; margin-top: 0; padding-bottom: 10px; margin-bottom: 10px; position: relative; overflow: hidden; height: 250px; border-bottom: 1px solid #d3d2d1; width: 678px; } #sc-feat article { display: none; position: absolute; top: 0px; margin-left: 12px; width: 666px; } #sc-feat article:nth-child(2) { display: block; } #sc-feat article img { float: right; margin-top: 18px; } #sc-feat h2, #sc-feat article h1, #sc-feat article p { float: left; clear: left; width: 284px; } #sc-feat article h1 { margin: 0 0 6px; padding-right: 26px; width: 260px; padding-top: 46px; padding-bottom: 0; background: none; font-size: 23px; } #sc-feat h2 { margin-left: 12px; position: relative; z-index: 100; } #sc-feat article h1 a:link, #sc-feat article h1 a:visited { color: #052264; } #sc-feat article h1 a:hover, #sc-feat article h1 a:active, #sc-feat article h1 a:focus { border-color: #052264; } #sc-feat article p.intro-para { margin-bottom: 9px; } #showcase .img-link { position: relative; display: block; } #sc-feat .img-link { float: right; width: 355px; } .thumbs .img-link { width: 154px; } #sc-feat article img.play, .thumbs article img.play { border: none; background: none; padding: 0; position: absolute; top: 109px; right: 151px; float: none; margin-top: 0; } .thumbs article img.play { position: absolute; top: 32px; left: 52px; } #sc-nav { position: absolute; width: 300px; height: 9px; bottom: 32px; left: 12px; z-index: 100; overflow: hidden; } #sc-nav a:link, #sc-nav a:visited { background-color: #ccc; border: medium none; display: block; float: left; height: 9px; line-height: 9px; font-size: 6px; padding: 0; margin-right: 6px; overflow: hidden; text-align: left; text-indent: -9999px; width: 9px; } #sc-nav a.sc-pause:link, #sc-nav a.sc-pause:visited { background: transparent url("../images/layup/colorbox/play-pause-sc.gif") center bottom no-repeat; width: 8px; margin-left: 9px; } #sc-nav a.paused:link, #sc-nav a.paused:visited { background-position: center top; } #sc-nav a.activeSlide:link, #sc-nav a.activeSlide:visited { background-color: #808080; } #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;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxTopLeft{width:25px; height:25px; background:url(../images/layup/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(../images/layup/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(../images/layup/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(../images/layup/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(../images/layup/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(../images/layup/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(../images/layup/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(../images/layup/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#666; font-weight:bold;} #cboxCurrent{position:absolute; bottom:0px; left:42px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444; background: url("../images/layup/colorbox/btn-sml-l.png") no-repeat scroll 50% 50% transparent; border: none; text-indent: -9999px; width: 12px; } #cboxNext{position:absolute; bottom:0px; left:20px; color:#444; background: url("../images/layup/colorbox/btn-sml.png") no-repeat scroll 50% 50% transparent; border: none; text-indent: -9999px; width: 12px; } } #cboxLoadingOverlay{background:#fff url(../images/layup/colorbox/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; width: 13px; height: 12px; background: url("../images/layup/colorbox/btn-close.gif") no-repeat scroll 50% 50% transparent; border: none; text-indent: -9999px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(../images/layup/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/layup/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/layup/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/layup/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/layup/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/layup/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/layup/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/layup/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }