@charset "UTF-8";

/*
CSS for DE Sample Images Modal
Date: 6 July 2010
URL: c.mfcreative.com/offer/de/cms/share/sample-modal.css
*/


#de-samples {width:540px; height:560px; position: fixed; top:0px; left:50%;  margin-left:-270px; overflow:hidden;}
#de-samples h1 {font: bold 13px/1em Tahoma, Verdana, sans-serif; color:#fff; margin:1px 5px 5px 3px;}
#de-samples h3 {font: bold 14px/1em Tahoma, Verdana, sans-serif; color:#333; text-align:center; }

/* ancglobal overrides */
#ancMdlWrp {margin:20px auto;}
#de-samples #ancMdlWrp .tShd, #de-samples #ancMdlWrp .bShd, #de-samples #ancMdlWrp .hdStrip, #de-samples #ancMdlWrp .tLeft, #de-samples #ancMdlWrp .tRight, #de-samples #ancMdlWrp .lcShd, #de-samples #ancMdlWrp .rcShd {background-image:url('http://c.mfcreative.com/offer/de/cms/hilfe/share/modal-sprite.png')}
#de-samples .box {background-image:none;}
#de-samples .box .content {width:auto; background:none;}


#s-doc {width:500px; height:365px; margin:12px auto 6px auto; background-image:url('http://c.mfcreative.com/offer/de/cms/hilfe/share/samples-sprite.jpg'); background-repeat:no-repeat;}
.s-wappen{background-position: center 0;}
.s-kirche{background-position: center -365px;}
.s-bavmil{background-position: center -730px;}
.s-hamburg{background-position: center -1095px;}
.s-abooks{background-position: center -1460px;}
.s-meckCensus {background-position: center -1825px;}

#samplesNav {display:inline-block; font:normal 11px/18px Verdana, sans-serif; color:#999; text-align:center;}
#samplesNav ul {display:inline-block; vertical-align:middle; margin:0 0 5px 5px; font: normal 10px/18px Verdana, sans-serif; color:#999;}
#samplesNav li {list-style-type:none; display:inline-block; float:left; margin-right:4px; background-color:#fff; }
#samplesNav li#text {border:none; padding-right:5px;}
#samplesNav li.last {margin-right:0;}

#samplesNav li a {padding:2px 5px; text-decoration:none; color:#ccc; border:1px solid #ccc;}
#samplesNav li a:hover {background-color:#f3f3f3; color:#666;}
#samplesNav li.selected a {color:#fff; font-weight:bold; text-decoration:none; background-color:#afbc22;}

/* jqModal */
.jqmOverlay {background-color: #000;}
.sampleDoc {display: none; padding:10px;}
#de-samples .jqmClose {
	background: url('http://c.mfcreative.com//lib/tgn/ancestry/i/icon-sprite.png') no-repeat -34px -200px;
	width:16px; height:16px; position:absolute; padding:0; top:5px; right:5px; 
	text-indent:-1999px;
}
* html .sampleDoc {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

