* {margin:0;padding:0;} body { background: #FBFBFB url('/images/main_bg.jpg') repeat-x; } body, p, td, div, span, select, input { font-family:Arial, Helvetica, sans-serif; color:#3A3A3A; font-size:11pt; } body, p, td, div, span, b, em, a, li, ul, img, a img{border:none;outline:none;} p{text-align:justify;line-height:140%; margin-bottom:15px;} textarea{border: solid 1px #D2D2CA} /** Common Input Field Styles **/ span.formfieldstrech b input, span.formfieldstrech-rev b input, .borderlessinput {background: none;border:none;margin-left: 10px;vertical-align: top;line-height: 1.08em;margin-top: 6px;width: 184px;} span.formfield {width: 208px;height: 28px;background: transparent url("/images/input-bg.png") no-repeat left top;display: block;float: left;position:relative;margin-right: 11px; z-index:1;} span.formfieldstrech {padding: 0px 0px 0px 10px;height: 28px;background: transparent url("/images/input-bg-left.png") no-repeat left top;display: block;float: left;position:relative;z-index:1;} span.formfieldstrech b{padding: 0px 10px 0px 0px;height: 28px;background: transparent url("/images/input-bg-right.png") no-repeat right top;display: block;position:relative;z-index:1;} span.formfieldstrech-rev, span.formfieldstrech-rev-dd {padding: 0px 0px 0px 10px;height: 28px;background: transparent url("/images/input-bg-left-rev.png") no-repeat left top;display: block;position:relative;z-index:1;} span.formfieldstrech-rev b{padding: 0px 10px 0px 0px;margin-right:-8px;height: 28px;background: transparent url("/images/input-bg-right-rev.png") no-repeat right top;display: block;position:relative;z-index:1;} span.formfieldstrech-rev-dd b{padding: 0px 20px 0px 0px;margin-right:-20px;height: 28px;background: transparent url("/images/input-bg-right-rev-dd.png") no-repeat right top;display: block;position:relative;z-index:1;} span.formfieldstrechdd>b{} /* selectbox IE fix for bg strech*/ /* Selectbox IE Dropdown Fix */ /* JQUERY::SelectBox: Drop down list styles*/ div.selectbox-wrapper {position:relative;z-index:999;width:400px;background-color:#FFF;background-image:none;border:1px solid #ccc;margin:0px;margin-top:-10px;padding:0px;text-align:left;max-height:120px;overflow: visible;z-index:1000;} div.selectbox-wrapper ul {list-style-type:none;margin:0px;padding:0px;background-color:#FFFFFF;} div.selectbox-wrapper ul li.selected {background-color: #EAF2FB;} div.selectbox-wrapper ul li.current {background-color: #CDD8E4;} div.selectbox-wrapper ul li {list-style-type:none;display:block;margin:0;padding:0px 0px 0px 0px;width:100%;cursor:pointer;float:left;clear:both;background-color:#FFF;} .selectbox{margin: 0px 7px 10px 8px;padding-left:2px; padding-top:5px; display : block;text-align:left;background: transparent;cursor: pointer;border: 0;color:#676666;z-index:999;} h1 {color:#3A3A3A; font-size:34px; margin-bottom: 10px;} h2 {color:#3A3A3A; font-size:28px; margin-bottom: 10px;} h3 {color:#3A3A3A; font-size:24px; margin-bottom: 10px;} h4 {color:#3A3A3A; font-size:20px; margin-bottom: 10px;} h1 b, h2 b, h3 b{color:#7B980C;} ul {list-style:none;} ul li {float:left;} ul li a {text-decoration:none;color:#767676;display:block;} u{border-bottom:2px dotted #d3d3d3; text-decoration: none;} ul.go-green-list{ position:relative;float:left;} ul.go-green-list li{ background: transparent url('/images/icn2.png') no-repeat left center; border-top:1px dotted #d3d3d3;padding: 5px 10px 5px 25px; float:left; position:relative; clear:both; width:100%; text-align:left; } ul.go-green-list li a{ display:inline; color:#000; border-bottom: dotted #6c862d 2px; } ul.bulletedlist li{background: transparent url('/images/bullet-24.png') no-repeat 5px center;padding: 5px 0px 5px 25px;float:none;} ul.bulletedsublist li ul li{background: transparent url('/images/bullet-24.png') no-repeat 5px center;padding: 5px 0px 0px 25px;float:none;} .fl{float:left;position:relative;} .flcl{clear:left;float:left;position:relative;} .flcr{clear:right;float:left;position:relative;} .flcb{clear:both;float:left;position:relative;} .fr{float:right;position:relative;} .frcb{clear:both;float:right;position:relative;} .frcr{clear:right;float:right;position:relative;} .small{font-size:11px;} /** Page Header **/ .wrapper{width:100%;position:relative;float:left;} .container{width:943px;position:relative;float:left;left:50%;margin-left:-471px;} #header{position:relative;float:left;width:100%;height:129px;margin-top:10px;} #logo{width:439px;height:129px;position:relative;float:left;background: transparent url('/images/logo.png') no-repeat top left;} #eco-course-languages li {margin: 20px 8px 0px 0px;} .us-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat 0px -42px;margin-top:8px;} .ca-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat -28px -42px;margin-top:8px;} .uk-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat -56px -42px;margin-top:8px;} .au-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat -84px -42px;margin-top:8px;} .nz-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat -112px -42px;margin-top:8px;} .za-eco-training{width:28px;height:28px;background: transparent url('/images/languages/country-sprites.png') no-repeat -140px -42px;margin-top:8px;} a.us-eco-training:hover, .us-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat 0px 0px;} a.ca-eco-training:hover, .ca-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat -42px 0px;} a.uk-eco-training:hover, .uk-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat -84px 0px;} a.au-eco-training:hover, .au-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat -126px 0px;} a.nz-eco-training:hover, .nz-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat -168px 0px;} a.za-eco-training:hover, .za-eco-training-selected {width:42px;height:42px;background: transparent url('/images/languages/country-sprites.png') no-repeat -210px 0px;} /* navigation */ #nav-box{position:relative;float:left;width:100%;background: url(/images/nav_bg.png) no-repeat 0 0;} #nav-box-list {padding:22px 0 0 27px;list-style:none;} li.headlink {float:left;text-transform:uppercase;font-size:21px;line-height:1em;padding-right:20px;margin-right:10px;background:url('/images/divider.gif') no-repeat right 4px;letter-spacing:-1px;} li.headlink div.anylinkmenu{display:none;} li.headlink:hover div.anylinkmenu{display:block;} li.headlink a {color:#65615f;text-decoration:none;padding-bottom:15px;background-color:transparent;} li.headlink a em {padding:0px 9px 3px 0px;} li.headlink a b {padding:0px 0px 3px 9px;font-style:normal;font-weight:normal;} li.headlink a:hover, li.headlink a.act {color:#fff;} li.headlink a:hover em, li.headlink a.act em {background:transparent url('/images/link1-right.png') no-repeat right top;height:28px;} li.headlink>a:hover>em, li.headlink>a.act>em {width:100%;} li.headlink a:hover b, li.headlink a.act b {background:transparent url('/images/link1-left.png') no-repeat left top;height:28px;} li.last {padding-right:0;margin-right:0;background:none;} li.headlink .submenu { display: none; } li.headlink:hover .submenu { display: block; } li.headlink .submenu{position:absolute; z-index:999; top:60px;background:#EAE8E9 url(/images/sub-menu.png) repeat-x 0 0; width:150px;} li.headlink .submenu ul{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;border-left: 1px solid #ccc;border-right: 1px solid #ccc;} li.headlink .submenu li{width:100%;} li.headlink .submenu li a{width: 100%;display: block;border-bottom: 1px dashed #ccc;text-indent: 3px;margin: 0px 0px 0px 0px;padding: 2px 0px 0px 0px;text-decoration: none;font-weight: bold;text-indent: 5px;color:#64605D;font: normal 13px Arial;text-transform:uppercase;line-height:30px;} li.headlink .submenu li a:hover{background-image: none;color:#AAC100;text-decoration: none;} /* banners */ #banner_bg {background:url('/images/banner.jpg') no-repeat;position:relative;float:left;width:100%;height:328px; clear:both;} #banner_bg_inner {background:url('/images/banner_inner_page.jpg') no-repeat;position:relative;float:left;width:100%; clear:both;} #banner_bg #prospectus_button, #banner_bg #enroll_button, #banner_bg #enrol_button {position:absolute;left:497px;bottom:100px;height:54px;} #banner_bg_inner #prospectus_button, #banner_bg_inner #enroll_button, #banner_bg_inner #enrol_button {position:absolute;left:468px;bottom:30px;height:60px;} #prospectus_button {background: transparent url('/images/green-prospectus-enroll.png') no-repeat 0px -54px; } #prospectus_button:hover {background: transparent url('/images/green-prospectus-enroll.png') no-repeat 0px 6px; } #enroll_button {background: transparent url('/images/green-prospectus-enroll.png') no-repeat -270px -54px; } #enroll_button:hover {background: transparent url('/images/green-prospectus-enroll.png') no-repeat -270px 6px; } #enrol_button {background: transparent url('/images/green-prospectus-enroll.png') no-repeat -485px -54px; } #enrol_button:hover {background: transparent url('/images/green-prospectus-enroll.png') no-repeat -485px 6px;} #content_container{background: transparent url('/images/content_top_corner.png') no-repeat; width:100%;margin-top:20px;padding-top:20px; position:relative;float:left;} #content_main{background: transparent url('/images/content_middle_bg.png') repeat-y 0px 0px; width:100%;position:relative;float:left;padding: 0px 20px 0px 20px;} .main_column{width:571px; } .sidebar{width:312px; margin-left:20px;} /* Google Maps */ v\:* {behavior:url(#default#VML);} /* Social Media Footer */ .follow_us{background-image: url('/images/followus.png');background-repeat: no-repeat;display: block;width: 211px;height: 28px;float: left;margin-top: 12px;padding-right: 15px;} .twitter{background-image: url('/images/social_icons.png');background-repeat: no-repeat;background-position: 0px 0px;display: block;width: 62px;height: 52px;float: left;cursor: pointer;} .twitter:hover{background-position: 0px -68px;} .myspace{background-image: url('/images/social_icons.png');background-repeat: no-repeat;background-position: -113px 0px;display: block;width: 56px;height: 54px;float: left;cursor: pointer;} .myspace:hover{background-position: -113px -68px;} .facebook{background-image: url('/images/social_icons.png');background-repeat: no-repeat;background-position: -60px 0px;display: block;width: 53px;height: 54px;float: left;cursor: pointer;} .facebook:hover{background-position: -60px -68px;} .linkedin{background-image: url('/images/social_icons.png');background-repeat: no-repeat;background-position: -170px 0px;display: block;width: 54px;height: 53px;float: left;cursor: pointer;} .linkedin:hover{background-position: -170px -68px;} .rss{background-image: url('/images/social_icons.png');background-repeat: no-repeat;background-position: -225px 0px;display: block;width: 54px;height: 54px;float: left;cursor: pointer;} .rss:hover{background-position: -225px -68px;} #social_media{width: 100%;height: 93px;margin-top: 5px;} /* Footer */ .footerlinks {margin-right: -4px;} #footer_content {position: relative;width: 943px;bottom: 0;padding-top: 10px;padding-bottom: 10px;z-index: 1;margin-left: auto;margin-right: auto;} #footer1 {width: 100%;height: 28px;background-color: #000;} #footer2 {width: 100%;height: 2px;background-color: #999;} #footer3 {width: 100%;background-color: #333;} .footcont {margin-top: 5px;width: 100%;background-color: #333;text-align: center;} #footer_bottom {width: 100%;height: 35px;background-image: url('/images/footer_bottom.jpg');} #footer_bottom a {text-decoration:none; font-size:10px; color:#000000;} /* Info Messages */ TR.headerError {background: #ff0000;} TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #ff0000;color: #ffffff;font-weight : bold;text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* Course Outline */ ul.topic_list {width:355px;} ul.topic_list li{background: transparent url('/images/bullet-24.png') no-repeat 5px center;font-weight:bold;padding: 5px 0px 5px 25px;width:335px;} /* Sidebars */ .kitcontents {margin-left:10px;} .kitcontents li {font-weight:bold;} .kitcontents li {margin-bottom:15px;} .kitcontents li ul {margin-top:10px;} .kitcontents li ul li{ padding: 5px 0px 0px 25px;font-weight:normal;background: transparent url("/images/bullet-24.png") no-repeat 8px center;width:100%;} /* Tabs ----------------------------------*/ .ui-tabs { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: auto; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 0 0 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0px 0px 0px 0px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { } .ui-tabs .ui-tabs-hide {position: absolute;left: -100000px;} /* Tab Classes */ .eco-marketing-kit-tabs{} .eco-marketing-kit-tabs li a{float:left; border:1px solid ccc; background: #53a203;padding:5px; margin-right:5px ; color:white; text-decoration:none; font-variant:small-caps;font-size:12px;} .eco-marketing-kit-tabs li a:hover{background-color: #fd9a01;color:#000;text-decoration: none;} .tab_link_selected{ background-color: #65899E; } /* Eco Marketing Kit Glider */ div.scroller {width: 100%;height: 450px;overflow: hidden;border:1px solid #cccccc;} div.scroller div.section {width:100%;height:100%;overflow:hidden;float:left;padding:1em;} /*div#section1 {background-image: url(/images/su_homeoverview.jpg);} div#section4 {background-image: url(/images/su_home_calform.jpg);} div#section5 {background-image: url(/images/su_homereport.jpg);} div#section6 {background-image: url(/images/su_homebooklet.jpg);} div#section7 {background-image: url(/images/su_homeplacard.jpg);} div#section8 {background-image: url(/images/su_w_overview.jpg);} div#section9 {background-image: url(/images/su_w_contract.jpg);} div#section10 {background-image: url(/images/su_w_emplhand.jpg);} div#section11{background-image: url(/images/su_w_poster.jpg);} div#section12{background-image: url(/images/su_w_consultform.jpg);} div#section13{background-image: url(/images/su_w_calc.jpg);} div#section22{background-image: url(/images/su_w_final.jpg);} div#section25 {background-image: url(/images/su_trifold.jpg);} div#section14 {background-image: url(/images/su_flyer.jpg);} div#section15 {background-image: url(/images/su_homeposter.jpg);} div#section16 {background-image: url(/images/su__announce.jpg);} div#section17 {background-image: url(/images/su_eventnews.jpg);} div#section18 {background-image: url(/images/su_speec.jpg);} div#section19 {background-image: url(/images/su_m_ppt.jpg);}*/ .scroller #green-savings-calculator, #green-savings-calculator-control {background: #E5E5E5 url(/images/green-savings-calculator.jpg) no-repeat left bottom;} .scroller #green-marketing-flyer, #green-marketing-flyer-control {background: #E5E5E5 url(/images/su_green_consulting_flyer.jpg) no-repeat left bottom;} .scroller #green-marketing-brochure, #green-marketing-brochure-control {background: #E5E5E5 url(/images/su_trifold_grey.jpg) no-repeat left bottom;} .scroller #green-marketing-poster, #green-marketing-poster-control {background: #E5E5E5 url(/images/su_homeposter.jpg) no-repeat left bottom;} .scroller #eco-website, #eco-website-control {background: #E5E5E5 url(/images/su_website.jpg) no-repeat left bottom;} .scroller #green-home-survey, #green-home-survey-control {background: #E5E5E5 url(/images/su_homecusltform.jpg) no-repeat left bottom;} .scroller #green-survey-contract, #green-survey-contract-control {background: #E5E5E5 url(/images/su_surveycontract.jpg) no-repeat left bottom;} /* FAQ - control */ ul li.faqparentlist {margin-top:15px; width:100%;} ul#faqlist li ul li{border-bottom:dashed 1px #EAEAEA;} ul#faqlist li ul li p{font-size:12px;} ul#faqlist li ul li.last{border-bottom:0;} ul.faqchildlist li{font-size:11px;font-weight:normal;} .faq-answer {display:none;} .faq-answer p{font-size:11px;font-weight:normal;} /* Product Checkout */ .productListing-heading {background-color: #464646;color: #ffffff;font-weight: bold;padding: 5px 0px 5px 0px;margin: 0px 0px 10px 0px;} .productListing-data{padding:10px;} a.headerNavigation,a.productListing-heading{text-decoration:none;} a.headerNavigation{color: #6c862d;font-weight:bold;} .productSpecialPrice{font-size:22px;color:#000;} .productRegularPrice{font-size:18px;font-weight:bold;color:#ff0000;} /* Product Checkout - Payment */ .checkoutBarFrom, .checkoutBarTo , .checkoutBarFrom a, .checkoutBarTo a{font-size: 10px;color: #8c8c8c; text-decoration:none;} .checkoutBarCurrent{font-size: 10px;color: #000000; font-weight:bold; } /* Register or Sign In */ .infoBox {background: #b6b7cb;} .infoBoxContents {background: #eeeeee;} /* Product Checkout - Confirm Order */ .terms_con {width: 100%;border: solid 1px #ccc;font-size: 11px;color: #333333;background-color: #eeeeee;padding: 0px 5px 0px 5px;overflow-x: auto;overflow-y: auto;} .content_bg { background:url(/images/content_middle_bg.png) repeat-y; } .left_box_middle { background:url(/images/left_middle_bg.png) repeat-y; } .right_box_middle { background:url(/images/right_middle_bg.png) repeat-y; } hr { background:none; display:block; border:none; clear:both; height:1px; } hr.solid { border-top:1px solid #dcdcdc; height:1px; padding:5px 0 5px 0; } /*Text Link css*/ .link_1 a { color :#6c862d; text-decoration: none; outline:none; font-style:italic; } .link_2 a { font-family:Verdana, Arial, Helvetica, sans-serif; color :#a5a1a0; text-decoration: none; font-size: 12px; outline:none; font-style:normal } .link_2 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color: #a5a1a0; text-decoration: none; font-size: 12px; outline:none; font-style:normal } .link_2 a:active { font-family:Verdana, Arial, Helvetica, sans-serif; color: #a5a1a0; text-decoration: none; font-size: 12px; outline:none; font-style:normal } .link_2 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color: #a5a1a0; text-decoration: none; font-size: 12px; outline:none; font-style:normal } .link_3 a { font-family:Verdana, Arial, Helvetica, sans-serif; color :#676666; text-decoration: underline; font-size: 11px; outline:none; font-style:normal } .link_3 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color: #676666; text-decoration: underline; font-size: 11px; outline:none; font-style:normal } .link_3 a:active { font-family:Verdana, Arial, Helvetica, sans-serif; color: #676666; text-decoration: underline; font-size: 11px; outline:none; font-style:normal } .link_3 a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color: #676666; text-decoration: none; font-size: 11px; outline:none; font-style:normal } .error { color:#f00; font:normal 9pt Arial, Helvetica, sans-serif; } .imgspace { margin-right:10px; margin-top:3px; } /* 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, .cboxIE{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:10000px;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{top:0; left:0; width:100%; height: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(/images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #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(/images/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(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* 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=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}