#obtColorbox, #obtCboxOverlay, #obtCboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #obtColorbox{position:absolute;} #obtCboxOverlay{ position:fixed; width:100%; height:100%; background: url(/templatemedia/img/overlay.png) repeat 0 0; } #obtCboxMiddleLeft, #obtCboxBottomLeft{clear:left;} #obtCboxContent{position:relative; overflow:hidden;} #obtCboxLoadedContent{overflow:auto;} #obtCboxLoadedContent iframe{display:block; width:100%; border:0;} #obtCboxTitle{margin:0;} #obtCboxLoadingOverlay, #obtCboxLoadingGraphic{position:absolute; top:0; left:0 ; width:100%;} #obtCboxPrevious, #obtCboxNext, #obtCboxClose, #obtCboxSlideshow{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. */ /* #obtCboxOverlay background: url(/templatemedia/img/overlay.png) repeat 0 0; */ #obtCboxTopLeft{width:21px; height:21px; } #obtCboxTopRight{width:21px; height:21px;} #obtCboxBottomLeft{width:21px; height:21px;} #obtCboxBottomRight{width:21px; height:21px; } #obtCboxMiddleLeft{width:21px; } #obtCboxMiddleRight{width:21px;} #obtCboxTopCenter{height:21px;} #obtCboxBottomCenter{height:21px; } #obtCboxContent{background:#fff; border:14px solid white; border-radius:2px; } #obtCboxLoadedContent{ background: #f3f2ef url(/templatemedia/img/fallback_gradient-thead.png) repeat-x bottom; /*fallback for non-CSS3 browsers*/ background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f2ef) to(#e6e5e2)); /*old webkit*/ background: -webkit-linear-gradient(#f3f2ef, #e6e5e2); /*new webkit*/ background: -moz-linear-gradient(#f3f2ef, #e6e5e2); /*gecko*/ background: -ms-linear-gradient(#f3f2ef, #e6e5e2); /*IE10*/ background: -o-linear-gradient(#f3f2ef, #e6e5e2); /*opera 11.10+*/ background: linear-gradient(#f3f2ef, #e6e5e2); /*future CSS3 browsers*/ ; padding: 0px 21px;} /* EDIT: Original: "27px 21px" */ #obtCboxLoadedContent h2{font-size:28px !important; margin-bottom:23px !important; color:#5A6166 !important;} #obtCboxLoadedContent span.mandatory{display:inline !important;} /*#obtCboxLoadedContent p{font-size:14px; line-height:21px;}*/ #obtCboxLoadedContent legend{float:left !important; display:inline !important; color:#5A6166 !important; font-size:11px !important;} #obtCboxLoadedContent p.buttons{float:right !important;} #obtCboxLoadedContent form.custom .form-row .form-2 input[type="text"]{width:94%;} #obtCboxLoadedContent p.intro{color: #303336 !important; font-size:15px !important; font-family: kfw_centro_sansregular,Arial,sans-serif !important; line-height: 21px !important; margin-bottom: 25px !important;} .ie7 #obtCboxLoadedContent{overflow:hidden !important;} .ie7 #obtCboxLoadedContent h2{height:auto !important;} .ie7 #obtCboxLoadedContent form.custom .form-row .form-2 {width:49.9% !important;} .ie7 #obtCboxLoadedContent form.custom .form-row .form-2 input[type="text"]{width:94% !important;} .ie7 #obtCboxLoadedContent form .form-2.feedback-textarea textarea{width:290px !important;} .ie7 #obtCboxLoadedContent a.button.standard, .ie7 #obtCboxLoadedContent button.button.standard, .ie7 #obtCboxLoadedContent a.button.light, .ie7 #obtCboxLoadedContent button.button.light{margin:0 0 0 3px !important; background:url("/templatemedia/img/button_sprite.png") repeat-x scroll left top transparent !important;} .ie7 #obtCboxLoadedContent a.button.standard, .ie7 #obtCboxLoadedContent button.button.standard{background-position:0 -158px !important; border-radius: 2px 2px 2px 2px !important;} .ie7 #obtCboxLoadedContent a.button.standard:hover, .ie7 #obtCboxLoadedContent button.button.standard:hover{background-position: 0 -237px !important;} .ie7 #obtCboxLoadedContent a.button.light:hover, .ie7 #obtCboxLoadedContent button.button.light:hover{background-position:0 -79px !important;} .ie7 #obtCboxLoadedContent p.buttons{display:inline !important; margin-top:-11px !important;} #obtCboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #obtCboxCurrent{position:absolute; bottom:4px; left:70px; color:#949494;} #obtCboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #obtCboxPrevious{position:absolute; bottom:0; left:0px; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -76px -1px; width:23px; height:23px; text-indent:-9999px;} #obtCboxPrevious.hover{background-position:-76px -26px;} #obtCboxNext{position:absolute; bottom:0; left:29px; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -51px -1px; width:23px; height:23px; text-indent:-9999px;} #obtCboxNext.hover{background-position:-51px -26px;} #obtCboxLoadingOverlay{background:url(/templatemedia/img/colorbox/loading_background.png) no-repeat center center;} #obtCboxLoadingGraphic{background:url(/templatemedia/img/colorbox/loading.gif) no-repeat center center;} #obtCboxClose{position:absolute; top:-1px; right:-1px; background:white url(/templatemedia/img/folding_box_close_bg.png) no-repeat 12px 0px; width:9px; height:9px; padding:6px; border-radius:1px; text-indent:-9999px;} /* * Hide dialog name */ #obtCboxTopCenter {text-indent:-9999px;} /* * Style image controls */ #obtCboxImageControls {position:absolute; bottom:8px; right:30px; color:#949494;} #obtCbox0{float:left;} #obtCboxC2g{cursor:pointer; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -2px -3px; width:14px; height:14px; border: 3px #fff solid; text-indent:-9999px;} #obtCboxC2g:hover{background-position:-2px -23px;} #obtCboxC2g:focus, #obtCboxC2g:active {outline-style: none; border: 1px #f93 solid;} #obtCbox1{float:left;} #obtCboxPro{cursor:pointer; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -25px -3px; width:14px; height:14px; border: 3px #fff solid; text-indent:-9999px;} #obtCboxPro:hover{background-position:-25px -23px;} #obtCboxPro:focus, #obtCboxPro:active {outline-style: none; border: 1px #f93 solid;} #obtCbox2{float:left;} #obtCboxDeu{cursor:pointer; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -49px -3px; width:14px; height:14px; border: 3px #fff solid; text-indent:-9999px;} #obtCboxDeu:hover{background-position:-49px -23px;} #obtCboxDeu:focus, #obtCboxDeu:active {outline-style: none; border: 1px #f93 solid;} #obtCbox3{float:left;} #obtCboxTri{cursor:pointer; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -73px -3px; width:14px; height:14px; border: 3px #fff solid; text-indent:-9999px;} #obtCboxTri:hover{background-position:-73px -23px;} #obtCboxTri:focus, #obtCboxTri:active {outline-style: none; border: 1px #f93 solid;} #obtCboxOri{float:left; cursor:pointer; background:url(/templatemedia/img/colorbox/controls.png) no-repeat -98px -3px; width:14px; height:14px; border: 3px #fff solid; text-indent:-9999px;} #obtCboxOri:hover{background-position:-98px -23px;} #obtCboxOri:focus, #obtCboxOri:active {outline-style: none; border: 1px #f93 solid;} /* * Style links for keyboard-navigation */ #obtColorbox a:focus, #obtColorbox a:active {outline: 1px #f93 solid;} /* Style focusable divs for keyboard-navigation * Since 'outline' does not work on all browsers in the same way, we use 'border'. * To prevent jumping, we need to asign already a white border. */ #obtCboxClose, #obtCboxNext, #obtCboxPrevious {border: 1px #fff solid;} #obtCboxClose:focus, #obtCboxClose:active, #obtCboxNext:focus, #obtCboxNext:active, #obtCboxPrevious:focus, #obtCboxPrevious:active {outline-style: none; border: 1px #f93 solid;} /* * Generic class for screenreader-content */ .hideme { position:absolute; top:-32768px; left:-32768px;}