/* CSS Document */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; width:100% !important; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #ed6c0a; text-decoration:underline;}
a.green { color:#586a2a; text-decoration:underline;}
a.grey { color: #8f8f8f;}
a.orange { color: #8f8f8f; text-decoration: none; }
a.orange:visited { color: #8f8f8f; }
a.orange:hover { color: #FE8225; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
html, body { height:100%; }
body { background-color:#f2f2f2; font-family: Arial, Helvetica, sans-serif; }
.fastlogin {
color: #8f8f8f !important;
text-align:right !important;
margin-right: 50px !important;
position:relative !important;
top:5px !important;
}
.fastlogin a {
color:#ED6C0A !important;
text-decoration:underline !important;
}
.fastlogin p{
background:none repeat scroll 0 0 transparent !important;
border:0 none !important;
font-size:100% !important;
margin:0 !important;
outline:0 none !important;
padding:0 !important;
vertical-align:baseline !important;
color:#8F8F8F !important;
text-align:right !important;
font-size:16px !important;
font-family:Arial,Helvetica,sans-serif !important;
line-height:1 !important;
}
.shadow-left { height:100%; width: 7px; background: url(/App_Files/images/marketing/main-left.gif) 0 0 repeat-y; float:left; }
.shadow-right { height:100%; width: 7px; background: url(/App_Files/images/marketing/main-right.gif) 0 0 repeat-y; float:right; }
.options { text-align:center; padding-top:10px; background-color:#f2f2f2; color:#8F8F8F !important; /*width:1130px; height:80px;*/ }
#navlist li { display: inline; list-style-type: none;padding-right: 20px; color:#8F8F8F !important;}
#navlist li a{ display: inline; list-style-type: none;padding-right: 20px; color:#8F8F8F !important; font-family:Arial,Helvetica,sans-serif; font-size:16px;}
#main { width: 1120px; height: 1120px; background-color: #ffffff; }
#main .content {padding-left: 30px; padding-top: 5px;}
#logo {margin-bottom: 10px;}
#floater { position:relative; float:left; height:50%; margin-bottom:-350px; width:1px; }
#centered {position:relative; clear:left;height:650px; width:1130px;margin:0 auto; padding-top:20px;}
/************************* COMMON CSS FOR MARKETING PAGES *********************************/
.location {color: #bebebe; font-weight: bold; }
.location .selected {color: #ed6c0a; }
.location .text {margin-left: 10px;}
.location .underline {width: 100%; height: 4px; line-height: 0px; background-color: #a3a3a3; margin-top: 3px; }
.rightmenu {margin-top: 55px; margin-left: 60px; width: 670px; }
.rightmenu .right-content {border: solid 1px #bebebe; height: 415px; padding: 15px; margin-top: 5px; font-size: 12px; line-height: 20px; overflow: auto; }
.rightmenu .right-content .categories {margin-top: 25px; width: 410px; }
.content .leftmenu { float: left; width: 260px; height: 300px;}
.leftmenu img { margin-top: 15px;}
/************************* ENDS COMMON CSS FOR MARKETING PAGES *********************************/
/***************** STYLES FOR MARKETING FAMILY SEARCH PAGE*************************/
.family-search-header{color:#17365d; font-size:18px;}
.family-search-detail{color:#7f7f7f;font-size:13px; padding-top:15px;
background-image: url(../../images/marketing/news_paper_icon.jpg); background-repeat: no-repeat; background-position: 55% 100%;}
.family-search-detail li{padding-top:14px}
.family-search-certified-icon {position: relative; left: 515px; margin-top: -60px; }
.family-search-detail-news{}
/****************** ENDS MARKETING FAMILY SEARCH PAGE STYLES************************/
/***************** STYLES FOR SCRAPBOOK MEMORIES PAGE*************************/
.scrapbook-memories-detail{color:#7f7f7f;font-size:13px; padding-top:15px}
.scrapbook-memories-detail li{ padding-top:14px;padding-left:10px;
background-image: url(../../images/arrow_orange.png); background-repeat: no-repeat; background-position: 0% 80%;}
.scrapbook-memories-icon {position: relative; left: 580px; margin-top: -69px; }
/****************** ENDS FOR SCRAPBOOK MEMORIES PAGE STYLES************************/
/***************** STYLES FOR SCRAPBOOK BUILDER PAGE*************************/
.scrapbook-builder-detail{color:#7f7f7f;font-size:13px; padding-top:15px}
.scrapbook-builder-detail li{ padding-top:14px;padding-left:10px;
background-image: url(../../images/arrow_orange.png); background-repeat: no-repeat; background-position: 0% 80%;}
.scrapbook-builder-icon {position: relative; left: 580px; margin-top: -89px; }
/****************** ENDS FOR SCRAPBOOK BUILDER PAGE STYLES************************/
/***************** STYLES FOR RESEARCH FAMILY HISTORY PAGE*************************/
.researchfamily-history-detail{color:Black;font-size:12px; padding-top:15px}
.researchfamily-history-detail li{ color:Black;font-size:12px;
padding-top:3px;padding-left:10px;
background-image: url(../../images/arrow_orange.png); background-repeat: no-repeat; background-position: 0% 80%;}
.researchfamily-history-icon{position: relative; left: 570px; margin-top: -65px; }
.text-note{color: #ed6c0a; font-style:italic}
/***************** ENDS STYLES FOR RESEARCH FAMILY HISTORY PAGE*************************/
/**************************STYLES FOR ABOUT US PAGE*******************************/
#about-us .about-us-icon { position: relative; left: 565px; margin-top: -70px;}
#about-us .rightmenu .right-content .signature { float:right; margin-top: 45px;}
/**************************ENDS STYLES FOR ABOUT US PAGE*******************************/
/***********************STYLES FOR PERSONAL BIOGRAPHY PAGE*************************/
#personal-biography .categories .category {height: 85px; background: url(../../images/marketing/biography-itembg.gif) 0% 0% repeat-x; width: 200px; text-align:right; line-height: 15px; padding-top: 5px; }
#personal-biography .categories .right {text-align: right; }
#personal-biography .categories .left {text-align: left; }
#personal-biography .categories .category h1 {color: #333333; }
#personal-biography .heart-icon {position: relative; left: 565px; margin-top: -75px; }
/***********************ENDS STYLES FOR PERSONAL BIOGRAPHY PAGE*************************/
/******************************STYLES FOR LINKS PAGE******************************/
#links .links-icon {position: relative; left: 565px; margin-top: -60px; }
#links .clip-icon {position: relative; left: 30px; margin-top: -60px;}
#links .location {line-height: 5px;}
#links .rightmenu .right-content .content-left { width: 265px; float:left;}
#links .content-left h1 { font-size: 20px; color: #f67e27;}
#links .content-left .content-left-text { margin-top: 7px; line-height: 20px; font-size: 12px; padding: 10px;}
#links .rightmenu .right-content .content-right { width: 300px; float:right;}
#links .content-right h1 { font-size: 20px; color: #f67e27;}
#links .content-right .content-right-text { margin-top: 7px; line-height: 20px; font-size: 12px; padding-top: 10px;}
/******************************ENDS STYLES FOR LINKS PAGE******************************/
/****************************STYLES FOR CONTACT US PAGE****************************/
#contact-us .contact-us-icon {position: relative; left: 565px; margin-top: -60px; }
#contact-us .rightmenu .right-content { line-height: 16px; }
/****************************ENDS STYLES FOR CONTACT US PAGE****************************/
/***************** STYLES FOR BUILD FAMILY TREE PAGE*************************/
.build-family-tree-detail{color:Black;font-size:16px; padding-top:15px; width:200px;float:left}
.build-family-tree-detail li{ padding-top:14px;padding-left:10px;
background-image: url(../../images/arrow_orange.png); background-repeat: no-repeat; background-position: 0% 80%;}
.build-family-tree-detail-icon {position: relative; left: 605px; margin-top: -69px; }
.loginbox {float:left;margin-left:9%;padding-top:50px;}
.loginbox_container{width:240px; border: solid 3px #bebebe;}
.build-family-tree-content{border: solid 1px #bebebe; height: 410px;
padding: 15px; margin-top: 5px; font-size: 12px; line-height: 20px;
float:left; width:96%;background-image: url(../../images/marketing/build_family_tree_bg.jpg);
background-repeat: no-repeat; background-position: 97% 12%;}
/***************** ENDS STYLES FOR BUILD FAMILY TREE PAGE*************************/
/***************** STYLES FOR LIFE SHOWCASWES PAGE*************************/
#lifeshowcases .life-showcases-icon { position: relative; left: 550px; margin-top: -70px; }
#lifeshowcases .rightmenu .right-content .categories { width: 420px; float:left; margin-top: -10px; }
#lifeshowcases .categories .category-wrapper { overflow:hidden; }
#lifeshowcases .categories .category { height: 60px; background: url(../../images/marketing/life-showcases-itembg.gif) 0% 0% repeat-x; width: 405px; text-align:left; line-height: 12px; background: transparent url(../../images/marketing/white-btn-l.gif) no-repeat top left; display: block; }
#lifeshowcases .category span { background: transparent url(../../images/marketing/white-btn-r.gif) no-repeat top right; display: block; padding:1px 20px 0px -1px; height: 60px; margin: 12px -7px 0px 7px; font-size: 11px;}
#lifeshowcases .category .category-text { margin-left: 65px; }
#lifeshowcases .rightmenu .right-content .seperator { height: 350px; width: 1px; background-color: #d7d7d7; float: left; }
#lifeshowcases .rightmenu .right-content .content-right { width: 180px; float: right; padding: 10px; font-size:17px; color: #7f7f7f; font-weight:bold; text-align:center }
#lifeshowcases .buttonwrappper { overflow:hidden; }
#lifeshowcases a.orangebutton{ background: transparent url(../../images/marketing/orange-btn-l.gif) no-repeat top left; display: block; float: left; line-height: 22px; height: 30px; padding-left: 5px; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 15px; }
#lifeshowcases a.orangebutton span { background: transparent url(../../images/marketing/orange-btn-r.gif) no-repeat top right; display: block; padding:0 18px 0 12px;}
/*************** ENDS STYLES FOR LIFE SHOWCASWES PAGE**********************/
/***************** STYLES FOR PRIVACY POLICY PAGE*************************/
#privacy-policy .privacy-policy-icon { position: relative; left: 548px; margin-top: -70px; }
#privacy-policy .right-content h1 { font-size: 20px; }
#privacy-policy .right-content li { margin-left: 25px; list-style-type:square; }
/*************** ENDS STYLES FOR PRIVACY POLICY PAGE**********************/
/*************** STYLES FOR SERVICES PAGE **********************/
#services .services-icon { position: relative; left: 541px; margin-top: -70px; }
#services .rightmenu .right-content { padding: 5px; width: 680px; }
#services .categories .category-left { margin-right: 15px; font-size: 12px; text-align: left; text-shadow: 1px 1px 0 #E0E0E0; }
#services .categories .category-family-tree-print { height: 87px; background-image:url(../../images/marketing/family-tree-print_bubble.jpg); width: 302px; line-height: 11px; padding:10px; }
#services .categories .category-family-tree-print h1 { color: #333333; font-size:12px; }
#services .categories .category-media-conversion { height: 100px; background-image:url(../../images/marketing/media-conversion_bubble.jpg); width: 302px; line-height: 11px; padding:10px; margin-top: 20px; }
#services .categories .category-media-conversion h1 { color: #333333; font-size:12px; }
#services .categories .category-data-storage { height: 79px; background-image:url(../../images/marketing/data-storage_bubble.jpg); width: 302px; line-height: 11px; padding:10px; margin-top:20px; }
#services .categories .category-data-storage h1 { color: #333333; font-size:12px; }
#services .categories .category-right { font-size: 12px; text-align: left; text-shadow: 1px 1px 0 #E0E0E0; }
#services .categories .category-family-history-interviews { height: 87px; background-image:url(../../images/marketing/family-history-interviews_bubble.jpg); width: 302px; line-height: 11px; padding:10px; }
#services .categories .category-family-history-interviews h1 { color: #333333; font-size:12px;}
#services .categories .category-photograph-scanning { height: 100px; background-image:url(../../images/marketing/photograph-scanning_bubble.jpg); width: 302px; line-height: 11px; padding:10px; margin-top: 20px; }
#services .categories .category-photograph-scanning h1 { color: #333333; font-size:12px; }
#services .categories .category-family-albums { height: 79px; background-image:url(../../images/marketing/family-albums_bubble.jpg); width: 302px; line-height: 11px; padding:10px; margin-top: 20px; }
#services .categories .category-family-albums h1 { color: #333333; font-size:12px; }
#services .rightmenu .right-content .categories {width: 660px; }
/************* ENDS STYLES FOR SERVICES PAGE *******************/
/****************** STYLES FOR FAQS PAGE ***********************/
#FAQS .FAQ-icon { position: relative; left: 600px; margin-top: -66px; }
#FAQS .rightmenu .right-content h2 { margin-left:18px; line-height: 10px; color: #5ea226; text-decoration: underline; }
#FAQS .rightmenu .right-content { border: solid 1px #bebebe; padding: 15px; margin-top: 5px; font-size: 14px; line-height: 14px; text-align:left; }
#FAQS .open-answer { display: none; margin-top: -14px; }
#FAQS .open-answer-title { cursor: pointer; }
#FAQS .closed-answer { cursor: pointer; }
/*************** ENDS STYLES FOR FAQS PAGE *********************/
/****************** STYLES FOR HOME PAGE ***********************/
#home .rightmenu {
margin-top: 8px;
margin-left: 40px;
width: 773px;
margin-bottom: 0px;
}
#home .right-content {
height: 445px;
padding: 15px;
padding-left: 0px;
margin-top: 5px;
font-size: 13px;
line-height: 16px;
text-align:left;
overflow: auto;
border: none;
}
#home .right-content a.demo-link
{
text-decoration: none;
}
#home .right-content h1 {
color:#78a22f;
font-size: 23px;
text-align: center;
line-height: 25px;
margin-bottom: 45px;
margin-right: 164px;
position:relative;
top:-5px;
}
#home .main-column {
float: left;
margin-right: 5px;
}
#home .main-column h2 {
text-align:center;
font-size:29px;
font-weight: normal;
}
#home .awards {
text-align: justify;
}
#home .right-content .demo-box {
margin-left: 5px;
margin-bottom: 5px;
}
#home .right-content .box {
background-image:url(../../images/marketing/Box.png);
width: 152px;
height:125px;
margin-top: 5px;
margin-left: 10px;
text-align: center;
color:#9fa1a4;
font-size: 15px;
font-weight:bold;
cursor:pointer;
}
#home .box p {
padding-top: 33px;
width: 145px;
}
#home a.orangebutton{
background: transparent url(../../images/marketing/orange-btn-l.gif) no-repeat top left;
display: block;
float: left;
line-height: 25px;
height: 30px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 15px;
cursor:pointer;
}
#home a.orangebutton span {
background: transparent url(../../images/marketing/orange-btn-r.gif) no-repeat top right;
display: block;
padding:0 18px 0 12px;
cursor:pointer;
}
#home a.orangebutton-dark{
background: transparent url(../../images/marketing/orange-btn-l_dark.gif) no-repeat top left;
display: block;
float: left;
line-height: 25px;
height: 30px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 15px;
cursor:pointer;
}
#home a.orangebutton-dark span {
background: transparent url(../../images/marketing/orange-btn-r_dark.gif) no-repeat top right;
display: block;
padding:0 18px 0 12px;
cursor:pointer;
}
/*************** ENDS STYLES FOR HOME PAGE *********************/
/************* STYLES FOR TERMS OF USE PAGE ********************/
#terms-of-use .terms-of-use-icon {
position: relative;
left: 548px;
margin-top: -76px;
}
#terms-of-use .right-content h1 {
font-size: 20px;
color:#FF6600;
}
#terms-of-use .right-content a
{
text-decoration: none;
}
#terms-of-use .right-content li {
margin-left: 25px;
list-style-type:square;
}
/*********** ENDS STYLES FOR TERMS OF USE PAGE *****************/
/*************** STYLES FOR DIRECTORY PAGE *********************/
.directory-content {border: solid 1px #bebebe;width: 700px; height: 400px; padding: 15px; margin-top: 5px; font-size: 12px; line-height: 20px;overflow: auto; }
.directory-list {border-top-color:#A3A3A3; border-top-width:1px;border-top-style:solid;padding-top:10px;margin-top:13px;}
.directory-list a{font-size:medium; color:Olive;}
.directory-icon {position: relative; left: 565px; margin-top: -60px; }
.directory-search{color:#595959;font-size:medium;text-align:right;font-weight: bold;}
.directory-content h2{color:#595959;font-size:medium}
/*************** ENDS STYLES FOR DIRECTORY PAGE *********************/
/***************** STYLES FOR JAVASCRIPT PAGE ***********************/
#nojavascript .nojavascript-icon {
position: relative;
left: 585px;
margin-top: -63px;
}
#nojavascript .right-content h1 {
font-size: 18px;
line-height: 30px;
}
#nojavascript .right-content h2 {
font-size: 15px;
}
#nojavascript .right-content li { margin-left: 25px; list-style-type: square; }
/************** ENDS STYLES FOR NOJAVASCRIPT PAGE *******************/
/************* STYLES FOR TIMELINE EXPERIENCES PAGE *****************/
#timeline-experiences .timeline-experiences-icon { position: relative; left: 414px; margin-top: -63px; }
/*********** ENDS STYLES FOR TIMELINE EXPERIENCES PAGE **************/
/***************** STYLES FOR ENABLE COOKIES PAGE ***********************/
#enable-cookies .enable-cookies-icon {
position: relative;
left: 585px;
margin-top: -63px;
}
#enable-cookies .right-content h1 {
font-size: 18px;
line-height: 30px;
}
#enable-cookies .right-content h2 {
font-size: 15px;
}
#enable-cookies .right-content li { margin-left: 25px; list-style-type: square; }
/**************** ENDS STYLES FOR ENABLE COOKIES PAGE *******************/
/***************** STYLES FOR ERROR PAGE ***********************/
#error .error-icon {
position: relative;
left: 585px;
margin-top: -63px;
}
/*************** ENDS STYLES FOR ERROR PAGE *********************/
/***************** STYLES FOR TUTORIALS PAGE *******************/
#tutorials .right-content
{
height: 651px;
padding: 0px;
line-height: 0px;
}
#tutorials .rightmenu
{
width: 829px;
margin-top: 0px;
margin-left: 15px;
}
/*************** END STYLES FOR TUTORIALS PAGE *****************/
/************* STYLES FOR TUTORIALSMARKETING PAGE **************/
#tutorialsmarketing #main
{
height: 715px;
width: 1144px;
}
/*********** END STYLES FOR TUTORIALSMARKETING PAGE ************/