#navlist{position:relative; height:70px; margin:0px 0px 0px 80px;} #navlist li{margin:0px auto; padding:0; list-style:none; position:absolute; top:0;} #navlist li, #navlist a{width:70px; height:70px; display:block; } .LangPopButton1, .LangPopButton1 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') 0 -70px; height:70px; width:70px; display:block;} .LangPopButton1 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') 0px 0px;} .LangPopButton2, .LangPopButton2 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') -70px -70px; height:70px; width:70px; display:block; left:155px;} .LangPopButton2 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') -70px 0px;} .LangPopButton3, .LangPopButton3 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') -140px -70px; height:70px; width:70px; display:block; left:284px;} .LangPopButton3 a { background: url('/assets/intl_popup/Flag-Buttons-sprite.png') -140px 0px;} select.valid { border-radius: 4px 4px 4px 4px; color: #787A7E; display: inline-block; font-size: 14px !important; height: 40px; line-height: 25px; margin-bottom: 9px; padding: 7px 6px !important; width: 260px !important; } input.OptionLangClose { transition: background-image 1s; -webkit-transition: background-image 1s; background-color: #006DCC; background-image: linear-gradient(to bottom, #0088CC, #0044CC); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-radius: 0px 4px 4px 0px; font-size: 18px; padding: 7px 14px; margin-left:-4px } input.OptionLangClose:hover { background: #0044CC; } /* #en_ukSprite{background:url('/assets/intl_popup/Flag-Buttons-sprite.png') -70px 0; left:129px; width:70px;} #en_ukSprite a:hover{background:url('/assets/intl_popup/Flag-Buttons-sprite.png') -70px -70px; left:129px; width:70px;} #en_ausSprite{background:url('/assets/intl_popup/Flag-Buttons-sprite.png') -140px 0; left:259px; width:70px;} #en_ausSprite a:hover{background:url('/assets/intl_popup/Flag-Buttons-sprite.png') -140px -70px; left:129px; width:70px;} */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; border-radius: 4px 4px 4px 4px;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; height:auto !important;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* 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: none repeat scroll 0 0 #000000; opacity: 0.3 !important; visibility: visible; } #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px;) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; left top repeat-y;} #cboxMiddleRight{width:21px; right top repeat-y;} #cboxTopCenter{height:21px; 0 0 repeat-x;} #cboxBottomCenter{height:21px; 0 -29px repeat-x;} #cboxContent{ background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ overflow:hidden; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); border-radius:4px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:-25px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{color: red; no-repeat center center;} #cboxLoadingGraphic{background:none;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background-color:#000000; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background-color:#000000; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background-color:#000000; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* 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 or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .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); }