@charset "utf-8";
/* CSS Document */

/* Modal - Base
-------------------------------------*/
html { height:100%; }
html body { height:100%; }
.ancLOHP .lnchMdl { color:#566c11; cursor:pointer; text-decoration:underline; }
.ancLOHP .lnchMdl:hover { color:#789200; }
.mdlMsk { background-color:#000; display:none; height:100%; left:0; opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:110; }
.mdlPnl { display:none; left:50%; position:fixed; top:50%; z-index:111; }
.mdlPnl .rcShdw { background-image:url(../images/rcShdw.png); height:40px; position:absolute; width:40px; }
.mdlPnl .hlShdw { background-image:url(../images/hlShdw.png); height:20px; position:absolute; left:20px; right:20px; }
.mdlPnl .vlShdw { background-image:url(../images/vlShdw.png); bottom:20px; position:absolute; top:20px; width:20px; }
.mdlPnl .tlShdw { background-position:top left; top:-20px; left:-20px; }
.mdlPnl .trShdw { background-position:top right; top:-20px; right:-20px; }
.mdlPnl .blShdw { background-position:bottom left; bottom:-20px; left:-20px; }
.mdlPnl .brShdw { background-position:bottom right; bottom:-20px; right:-20px; }
.mdlPnl .tpShdw { background-position:top left; top:-20px; }
.mdlPnl .bmShdw { background-position:bottom left; bottom:-20px; }
.mdlPnl .ltShdw { background-position:top left; left:-20px;}
.mdlPnl .rtShdw { background-position:top right; right:-20px; }
.mdlPnl .mdlCnt { background-color:#fff; border:2px solid #afbc22; }
.mdlPnl .mdlCnt .clsBtn { background-image:url(../images/x.png); cursor:pointer; width:27px; height:27px; position:absolute; top:-10px; right:-10px; z-index:101; }
.mdlPnl .mdlCnt .mdlHdr { /* Global Header Only*/ }
.mdlPnl .mdlCnt .mdlBdy { position:relative; z-index:0; }
.mdlPnl .mdlCnt .mdlBdy1 #tgglCnt1, 
.mdlPnl .mdlCnt .mdlBdy2 #tgglCnt2, 
.mdlPnl .mdlCnt .mdlBdy3 #tgglCnt3, 
.mdlPnl .mdlCnt .mdlBdy4 #tgglCnt4, 
.mdlPnl .mdlCnt .mdlBdy5 #tgglCnt5,
.mdlPnl .mdlCnt .mdlBdy0 #tgglCnt0 { display:block; }
.mdlPnl .mdlCnt .tgglCnt { display:none; }
.mdlPnl .mdlCnt .mdlFtr { /* Global Footer Only*/ }

/* Modal - Getting Started Widget
-------------------------------------*/
.mdlPnl .wrksBd { height:318px; width:858px; }
.mdlPnl .wrksBd ul { height:318px; overflow:hidden; position:relative; width:858px; }
.mdlPnl .wrksBd li { background-repeat:no-repeat; height:318px; position:absolute; width:858px; }
.mdlPnl .wrksBd li#wrks1 { background-position:0 0; }
.mdlPnl .wrksBd li#wrks2 { background-position:0 -318px; }
.mdlPnl .wrksBd li#wrks3 { background-position:0 -636px; }
.mdlPnl .wrksBd li#wrks4 { background-position:0 -954px; }
.mdlPnl .wrksBd li#wrks5 { background-position:0 -1272px; }
.mdlPnl .wrksBd uli#wrks6 { background-position:0 -1590px; }
.mdlPnl .wrksBd table { height:318px; border:none; width:858px; }
.mdlPnl .wrksBd td { border:none; padding-left:495px; vertical-align:middle; }
.mdlPnl .wrksBd td h1 { color:#afbc22; font:32px/34px Georgia, "Times New Roman", Times, serif; padding-right:30px; }
.mdlPnl .wrksBd td p { color:#333; font:16px/27px Tahoma; padding-top:5px; padding-right:60px; }
.mdlPnl .wrksFt { border-top:2px solid #afbc22; height:27px; padding:17px; position:relative; width:824px; }
.mdlPnl .wrksFt ul{ float:left; height:27px; width:192px; }
.mdlPnl .wrksFt li { background-image:url(../images/wrks-nv.png); background-position:top right; color:#bbb0a3; cursor:pointer; float:left; font:700 12px/27px Tahoma; height:27px; margin-right:5px; text-align:center; width:27px; }
.mdlPnl .wrksFt ul li.selected, .mdlPnl .wrksFt ul li:hover { background-position:top left; color:#566c11; }
.mdlPnl .wrksFt a.wrks-ply { cursor:pointer; float:left; font:700 11px/27px Tahoma; margin-left:10px; text-decoration:underline; }
.mdlPnl .wrksFt span.rght { float:right; }
.mdlPnl .wrksFt a.wrks-prnt { float:right; font:11px/27px Tahoma; margin-right:15px; text-decoration:underline; }
.mdlPnl .wrksFt a.gbtn { float:right; margin-right:30px; text-decoration:none; }
.mdlPnl .wrksFt a.gbtn em { color:#566c11; padding-right:30px; right:-30px; }
.mdlPnl .wrksFt a.gbtn, .mdlPnl .wrksFt a.gbtn em { background-image:url(http://c.mfcreative.com/Lib/TGN/Ancestry/i/button-medium-lightgray.png); }

/* Modal - Sample Viewer
-------------------------------------*/
.mdlPnl .mdlSV  h1 { border-bottom:2px solid #afbc22; color:#566c11; font:700 24px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0 10px 14px; }
.mdlPnl .mdlSV .svBdy { height:480px; width:640px; }

/* Modal - List of Partners
-------------------------------------*/
.mdlPnl .lstPrtnrs { padding:10px; width:494px; }
.mdlPnl .lstPrtnrs h1 { color:#333; font:400 italic 17px/20px Georgia, "Times New Roman", Times, serif; padding:10px 15px 0; }
.mdlPnl .lstPrtnrs table { border-collapse:collapse; widows:494px; }
.mdlPnl .lstPrtnrs td { padding:10px; vertical-align:top; width:247px; }
.mdlPnl .lstPrtnrs ul.collCnt { padding:5px; }
.mdlPnl .lstPrtnrs li.cntryCnt { padding-bottom:15px; }
.mdlPnl .lstPrtnrs ul li, .mdlPnl .lstPrtnrs ul li h2, .mdlPnl .lstPrtnrs ul li p { color:#333; font:11px/14px Tahoma, Geneva, sans-serif; }
.mdlPnl .lstPrtnrs ul li h2 { font-weight:700; padding-bottom:3px; }
.mdlPnl .lstPrtnrs ul li li { padding-bottom:3px; }

/* Modal - how it works
-------------------------------------*/
.mdlPnl .sHowVideo { padding:15px 30px; width:720px; height:580px; }
#tgglCnt4 .btnDiv {text-align:center;height:40px;width:720px;}
#tgglCnt4 .btnDiv .gbtn {float:none;display:inline-block;}



/* Modal - one-minute video - getting started
-------------------------------------*/
.mdlPnl .stpsVideo { padding:15px 30px; width:780px; height:525px; }