/*  GLOBAL STYLES ____________________________________________________________________________________ */
body{max-width:1030px; margin:0 auto; font:.9em "Lato", Arial; color:#646464;text-align:left;background-color:#ffffff}

/*#container{max-width:1030px;margin:0;padding:24px 0 10px 0;background:url(images/topbg.gif) no-repeat top left;}*/
#container{max-width:1030px;margin:0;padding:24px 0 10px 0;}

a,a:link,a:visited {outline:none;text-decoration:underline;color:#850129;}

a:hover,a:active{outline:none;text-decoration:none;color:#850129;}

a img {border:0;}

a.active{text-decoration:none;}

td{padding-bottom:10px;}

tr.NoPad td{padding-bottom:0px;}

.clear{clear:both}

p {padding:0;margin:0px 0px 5px 0px;line-height:15px;font-size:1em;font-family:"Lato", Arial;}

#title h1 {color:#fff;font-size:20px; font-family:"Lato", Arial; font-weight:bold; text-transform:uppercase;margin:0 0 0 23px;padding:5px 0 0 0;word-spacing: 7px; position:absolute;}

#title_results h1 {color:whitesmoke;font-size:1.2em; font-weight:normal; text-transform:uppercase;margin:0 0 0 23px;padding:5px 0 0 0;word-spacing: 7px;}

#title_faq h2 {color:whitesmoke;font-size:1.0em; font-weight:normal; margin:0 0 0 23px;padding:5px 0 0 0;}

h2 {color:#7d6a55;font-size:1em; line-height:normal;margin:0px 0px 0px 23px;padding:10px 0 0 0}

h3 {color:#7d6a55;font-size:2em; font-weight:normal;margin:0 0 0 5px;padding:2px 0 0 0;}

/* SEARCH PANE _______________________________________________________________________________________ */
#searchtitle{margin:0;padding:0;}

#title{background-color:#850129;color:whitesmoke;height:38px;position:relative;margin-top:1px;}

#searchpane{overflow:hidden;margin:0;padding:30px 77px 0px 22px;}

#gensearch{float:left;margin:0;padding:0;width:300px;height:105px; }

#gensearch table {width:100%; padding:0; border-spacing:0; border:0; font-family:"Lato", Arial; color:#646464;}

/*#advsearch{float:right;text-align:left;margin:0;width:444px;padding:0;height:174px;background:url(images/advsearch_bg.gif) no-repeat top left;}*/
#advsearch{float:left;/*text-align:left;*/margin:0;width:300px;padding:0;/*height:174px;*/}
#advsearchyear{float:left;/*text-align:left;*/margin:0;width:330px;padding:0;/*height:174px;*/}

/*#advsearch table {height: 169px;}*/

/*#advsearchname{float:left;width:330px;padding:0;}
#advsearchname table {width:100%; padding:0; border-spacing:0; border:0; font-family:"Lato", Arial; color:#646464;}*/

#SearchPanel1 {width: 330px;}

#SearchPanel2 {width: 444px;}

#ShowHide {text-align: right; width: 115px;}

#SearchPanel2 span {width: 444px;}

#ShowHide span {top: 11px; width: 113px; font-size:16px;font-weight:bold;text-transform:capitalize; text-align: right;}

#ShowHideBtn {top: 8px;}

/*  SEARCH FORMS _____________________________________________________________________________________ */
input.textbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.2em;width:220px;}

input.textbox, label{margin:0;}

input.textbox, textarea, select{padding:2px}

input.smalltextbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.1em; width:50px;}

input.smalltextbox, label{margin:0;}

input.smalltextbox, textarea, select{padding:2px}

input.largetextbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.1em;width:400px;}

input.largetextbox, label{margin:0;}

input.largetextbox, textarea, select{padding:2px}

label.padbottom{line-height:21px}

td.padtop{padding-top:4px;}

td.advsearch1{vertical-align:middle;}

td.advsearch2{vertical-align:top;font-size:1.2em;}

td.search1{vertical-align:middle;height:25px;padding-top:0px;padding-bottom:0px;font-size:1.2em;}

td.search2{vertical-align:middle;height:25px;padding-top:0px;padding-bottom:0px;font-size:1.2em;}

td.search3{vertical-align:middle;height:30px;padding-top:0px;padding-bottom:0px;font-size:1.2em;}

td.search4{vertical-align:middle;height:60px;padding-top:0px;padding-bottom:0px;font-size:1.2em;}

/*select{background-color:#fff}*/

#SearchInstructions {font-weight:bold;}

#submitbtn {height: 0px; width: 0px; border: none; padding: 0px;}

td.helpfaqlinks {vertical-align:bottom; text-align:right; padding-right:13px;}

td.helpfaqlinks span {vertical-align:bottom;}

#advsearch table {width:100%; padding:0; border-spacing:0; border:0; padding-left:18px; font-family:"Lato", Arial; color:#646464;}

#CemOption {width:200px}

#SecOption {width:160px}

#YearBuffer {width:200px}
#YearBufferPlusMinus {font:1.1em;font:1.5em;}
#YearOption {width:80px}

/* RESULTS GRID ______________________________________________________________________________________ */

#title_results{background-color:#850129;color:whitesmoke;height:38px;position:relative;margin-top:1px;}

.grid {border-spacing: 3px;border-style:none;width:100%;Padding: 3px;}

.grid td, .grid th {border: 0 none;height: 20px;font-size:1.0em;}

    .grid th {
        background-color: #c5c5c5;
        color: #850129;
        font-size: 1.0em;
        padding-top: 15px;
        text-align: left;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 10px
    }

.gridAltRow {background-color:#e4e4e4;}

p.NoResults {font-size:medium; font-family:"Lato", Arial;color:#646464;}

p.ResultsCount {font-size:.9em; font-family:"Lato", Arial;color:#646464;}

p.ResultsCount span {color:#850129;font-weight:bold}

.ResultsPager {background-color:#850129; color:white;}

.ResultsPager a {color:white;}

tr.ResultsPager td{padding-bottom:0px;}

/*  DETAILS PAGE ___________________________________________________________________________________ */
#detailresultstitle h1 {color:#fff;font-size:20px; font-family:"Lato", Arial; font-weight:bold; text-transform:uppercase;margin:0 0 0 23px;padding:5px 0 0 0;word-spacing: 7px; position:absolute;}
#detailresultstitle{background-color:#850129;color:whitesmoke;height:30px;position:relative;margin-top:1px;}

#detailpane{overflow:hidden;margin:0;padding:30px 22px 0px 22px;}

#detail_div2L{float:left;border-spacing:0; border:0; margin:0;padding-left:20px;width:200px;}
#detail_div2L table {width:100%;height:100%;}

#detail_div2M{float:left;border-spacing:0; border:0; margin:0;width:300px;padding:0;height:300px;}
#detail_div2M table {width:100%;height:100%;}

#detail_div2BL{float:left;border-spacing:0; border:0; margin:0;width:240px;padding:0;height:350px;}
#detail_div2BL table {width:100%;height:100%;}

#detail_div2BR{float:left;border-spacing:0; border:0; margin:0;width:220px;padding:0;height:350px;}
#detail_div2BR table {width:100%;height:100%;}

.btn-otherrecords, .btn-showmap, .btn-viewlocation, .btn-printmap, .btn-emailmap, .btn-back, .btn-360view, .btn-obituary, .btn-headstone {
    background-color: #850129; 
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin: 6px 4px;
    cursor: pointer;
    border-radius: 4px;
    width:220px;
}

/* used to hide buttons */
.btn-obituary, .btn-headstone {
    display:none;
}

.btn-printmap, .btn-360view {
    display: none;
}

.btn-backemail, .btn-sendemail {   /* had to create a separate back button style for email as there were two different types of buttons*/
    background-color: #850129; 
    border: none;
    color: white;
    padding: 8px;
    padding-left: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin-left: 20px;
    margin-top: 6px;
    cursor: pointer;
    border-radius: 4px;
    width:250px;
}
#submenu{position:absolute;top:0;left:650px;text-align:left;width:440px;border-left:1px solid #fff;padding:11px 0 11px 5px;color:whitesmoke}

#submenu a, #submenu span{margin:0;padding:0 9px;border-right:2px solid #fff;color:whitesmoke;font-size:1.1em;}

#mapcontainer {text-align:center; padding-bottom:10px; }

#DeceasedName{color:#fff;font-size:25px; font-family:"Lato", Arial; font-weight:bold; text-transform:uppercase;position:absolute;;background-color:#850129;width:500px;border-style:hidden;}
#CemeteryName {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:500px;border-style:hidden;padding-top:12px;padding-left:20px;}
#LocationDescr {font-size:21px; font-family:"Lato", Arial;width:500px;border-style:hidden;padding-left:20px;}
/*td.DOB {font-size:16px; font-family:"Lato", Arial;width:300px;border:hidden;}*/
td.label_bold {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:auto;padding-bottom:0px;height:30px}
td.detail_label {font-size:21px; font-family:"Lato", Arial;width:auto;border-spacing:0; border:0;height:25px}
td.label_bold_fhome {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:auto;padding-bottom:0px;height:30px}
td.detail_label_fhome {font-size:21px; font-family:"Lato", Arial;width:auto;border-spacing:0; border:0;height:25px}  
/* use the following to hide funeral home */
/*td.label_bold_fhome {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:auto;padding-bottom:0px;height:30px;visibility:hidden}
td.detail_label_fhome {font-size:21px; font-family:"Lato", Arial;width:auto;border-spacing:0; border:0;height:25px;visibility:hidden} */

/*  Email PAGE ___________________________________________________________________________________ */
#emailpane{overflow:hidden;margin:0;padding:30px 22px 0px 22px;}

#email_divL{float:left;border-spacing:0; border:0; margin:0;padding:0;width:625px;height:300px;}

#email_divL table {width:100%; height:50px; padding:0; border-spacing:0; border:0; font-family:"Lato", Arial; color:#646464;}

#email_divR{float:left;border-spacing:0; border:0; margin:0;width:270px;padding-left:10px;height:300px;}

#email_divR table {height: 169px;}

#EmailInstructions {font-weight:bold;font-size:1.2em;padding-bottom:20px;}

/*  Screen Saver PAGE ___________________________________________________________________________________ */
#imgBanner {width: 1030px;height: 650px;}

.btn-screensaver {   
    background-color: #850129; 
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin-top: 6px;
    cursor: pointer;
    border-radius: 4px;
    width:1030px;
}

/* LANDING PAGE _____________________________________________________________________________________*/
#dnn_side_image{float:right;width:330px;margin:0;padding:0;overflow:hidden;text-align:right;}

#contentwide{width:612px !important;width:640px;padding:28px 0 0px 28px;margin:0;/*background: url(images/topbg.gif) no-repeat top left;*/float:left;}

/* Help page */
.helpcontain, .faqcontain {
    padding: 7px 0 0 0;
    /*background: url("images/topbg.gif") no-repeat scroll left top transparent;*/
}

.helpcontain a.navRedirect, .helpfaqlinks a {
    text-transform: uppercase;
    color: #850129;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 5px;
}

/* FAQ */
#title_faq{color:#850129;line-height:10px;position:relative;margin-top:1px;}

#title_faq h2{
    color: #646464;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

p.faqpara{
    padding-top: 5px;
}

.faqpara .navRedirect {
    color: #850129;
    font-size: 14px;
    font-weight: bold;
}


/* Library Type  (Obituary & Memorials) */

.linkPager {background-color:#850129; color:white; text-align: center;}

.linkPager a, a:hover { color:white; text-decoration: none !important; }