body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
body table td {font-size: 12px;}
body#bomCover { background-repeat: repeat-x; background-position: center top; }


#candletop
{
    position: absolute;
    left: 75px;
    top: 12px;
    background: url('images/light-top.png');
    width: 723px;
    height: 10px;
}

#bomWrapper,
#bomBodyWrapper,
#bomNavWrapper {position: relative;}

h3 {padding: 1em 0 0.5em; margin-bottom: 1em; border-bottom: 1px solid;}

.infoList li {clear: both; border-bottom: 1px dotted #999; margin-bottom: 0.2em; padding-bottom: 0.2em; overflow: auto;list-style-type: none;}
.infoList .infoTitle,
.infoList .infoContent {float: left;}
.infoList .infoContent {width: 264px;}
.infoList .infoTitle {width: 150px; font-weight: bold; line-height: 1.2em; padding: 0.4em 0;}
.infoList .infoContent .adminControls {margin-top: 0; margin-bottom: 0.5em;}
.infoList li:last-child {border-bottom: none;}

/* *********************************************************** */
/*                   Affiliation Styles                        */
/* *********************************************************** */

.affiliationList {clear: both; overflow: auto; list-style-type: none;}
.affiliationList li {float: left; text-align: center; padding-right: 1em;}
.affiliationList img {border: 1px solid #999; height: 40px;}
.affiliationList img:hover {border: 1px solid #454545;}
.affiliationList .affilTitle {margin: 0; font-weight: bold;}

/* -------------- COVER PAGE --------------- */

#bomMainCover {width: 875px; /* height: 662px; */ }
#bomCoverFooter { width: 100%; height: 1px; background-repeat: no-repeat; }

/* -------------- BODY AREA --------------- */

#bomWrapper {width: 876px; /* height: 662px; overflow: hidden; */ margin: 0 auto; z-index: 0;background-repeat: repeat-y;}
#bomCover #bomWrapper {background-image: none;}
#bomBodyWrapper {z-index: 5;width: 874px; margin: 0 auto;/* height: 634px; overflow: hidden; */ background-repeat: no-repeat; }
#bomBody {position: relative; margin-top: -32px; overflow-x: hidden; overflow-y: auto; z-index: 5;}
#bomHeaderArea {text-align: center; margin-top: -24px; margin-left: 12px; height: 68px;}
#bomCandlesFrom {width: 586px; height: 8px; margin: 0 auto; margin-top: 4px;}
#bomCandlesFrom span {display: none;}
#bomContentArea {/*padding: 0 50px;*/position: relative; margin: 0 auto; width: 582px; left: 6px; /* height: 278px; overflow-y: auto; */ overflow-x: hidden;}
#bomCandleImg {position: relative; margin-top: 10px; height: 300px;}


.bomCandleWaitImg {
    float: left;

    background-color: white;
    color: black;
    font-size: 16px;

    text-align: center;
    font-weight:  bold;

    width: 100%;
    height: 32px;
    padding-top: 10px;
    position: absolute;
    top: 150px;
    left: 0px;

    opacity:0.6;
    filter:alpha(opacity=60);
}


/* DEREKS ADDITIONS FOR NEW BOM */

#bomMainMenu { position: relative; float: left; width: 175px; text-align: left; font-weight: bold; padding-top: 10px;}
#bomMainMenu a { display: block; height: 100%; padding-left: 8px; color: white; text-decoration: none; }
#bomMainMenu ul {position: relative; margin: 0; padding:0; top: 0px; list-style-type: none;}
#bomMainMenu li {position: relative; height: 30px; line-height: 30px; vertical-align: middle; color: white; cursor: pointer; padding-right:14px; background-repeat: no-repeat; background-position: 164px 9px;}

#bomMainMenu li ul li.first {border-top: none;}
#bomMainMenu li:hover > ul,
#bomMainMenu li.hover ul {display: block;}


#bomMainMenu ul ul {position: absolute; left:174px; top: 0px; width: 190px; display: none;}
#bomMainMenu ul ul ul {left: 189px;}

#bomMainMenu li li.level1 {background-position: 179px 9px;}


/*
#bomMainMenu { float: left; width: 175px; text-align: left; font-weight: bold; padding-top: 10px;}
#bomMainMenu li { list-style: none; line-height: 30px; height: 30px; vertical-align: middle; text-align: left; color: white; cursor: pointer; padding-right: 14px; background-repeat: no-repeat; background-position: 164px 9px;}
#bomMainMenu li li.level1 {background-position: 179px 9px;}

#bomMainMenu ul { padding: 0px; margin: 0px; position: relative; top: 0px; }
#bomMainMenu ul ul { display: none; }
#bomMainMenu li:hover ul,
#bomMainMenu li.hover ul{ z-index: 1; display:block;}

#bomMainMenu li ul { left:174px; top: -31px; width: 190px;}
#bomMainMenu li ul ul {left:189px;}
#bomMainMenu a { display: block; height: 100%; padding-left: 8px; color: white; text-decoration: none; }
*/
/* END DEREKS CHANGES */


/* -------------- CANDLE SCROLLER --------------- */

#memorialCandleList {height: 20px; overflow: hidden; margin: 4px 0 0 0; padding: 0; list-style-type: none;}
#memorialCandleList li {height: 20px; color: #000000; margin: 0; padding: 0; text-align: center; line-height: 20px; vertical-align: middle;}

/* -------------- TAB NAV --------------- */

#bomMenuArea,
#bomMenuArea a {color: #ffffff; font-size: 11px; text-decoration: none; vertical-align: middle; text-align: center;}
#bomMenuArea li:hover a,
#bomMenuArea li.hover a {background-position: 0 -28px;}
#bomMenuArea ul {text-align: center; height: 28px; margin: 0; padding: 0; list-style-type: none;}
#bomMenuArea {width: 100%; margin: 0 auto 5px auto; font-size: 11px;}
#bomMenuArea a {display: block; height: 27px; float: left; background-repeat: no-repeat;}
#bomMenuArea a span {display: none;}
#bomMenuArea ul a {line-height: 28px;}
#bomMenuArea ul li {float: left; position: relative;}
#bomMenuArea li.first {padding-left: 15px;}
#bomMenuArea li.last {position: absolute; right: 6px;}

#bomMenuArea ul ul {display: none; position: absolute; bottom: 26px; left: -4px; width: 183px; text-align: left; height: auto;}
#bomMenuArea ul li:hover ul li,
#bomMenuArea ul li.hover ul li {height: 16px; line-height: 16px; vertical-align: middle;}

#bomMenuArea ul li:hover ul,
#bomMenuArea ul li.hover ul {display: block;}

#bomMenuArea ul li:hover ul ul,
#bomMenuArea ul li.hover ul ul {display: none;}

#bomMenuArea ul li:hover ul li:hover ul,
#bomMenuArea ul li.hover ul li.hover ul {display: block; position: absolute; left: 183px; bottom: -1px;}


#bomMenuArea li.first:hover ul {left: 15px;}
#bomMenuArea ul ul li {float: none; padding: 3px 15px;}
#bomMenuArea ul ul a {display: block; float: none; font-family: Georgia, "Times New Roman", serif; line-height: 15px !important; height: auto; text-align: left;}
#bomMenuArea ul ul a:hover {}
#bomMenuArea ul ul a span {display: inline;}

/* -------------- COVER NON FLASH PAGE --------------- */

#bomMainCover {color: #ffffff; font-family: "Trebuchet MS", sans-serif; text-align: center;}
#bomMainCover a {color: #0076a3; text-decoration: none;}
#bomMainCover h1,
#bomMainCover h3,
#bomMainCover ul,
#bomMainCover p {margin: 0; padding: 0;}
#bomMainCover h1 {font-size: 22px; padding-top: 408px;}
#bomMainCover h2 {display: none;}
#bomMainCover h3 {font-size: 14px; font-weight: normal;}
#bomMainCover span {display: none;}
#bomMainCover ul {height: 31px; width: 294px; text-align: center; list-style-type: none; margin: 0 auto; margin-top: 25px;}
#bomMainCover li {display: inline;}
#bomMainCover ul a {display: block; width: 130px; height: 26px; border: 1px solid white; line-height: 11px; float: left;}
#bomMainCover .flashNotice {padding-top: 124px; clear: left;}

/* -------------- INSIDE TAB NAV BUTTONS --------------- */

#bomMenuAboutBom            {width: 180px;}
#bomMenuServiceDetails      {width: 102px;}
#bomMenuCondolencesTributes {width: 149px;}
#bomMenuMemories            {width: 77px;}
#bomMenuFamilyLogin         {width: 92px;}
#bomMenuHelpDesk           {width: 79px;}
#bomMenuCloseBook           {width: 86px;}

/* -------------- FAMILY LOGIN --------------- */

#familyLogin {position: relative; width: 572px; background: url(images/familyLogin-bg.gif) repeat-y; margin: 0 auto;}
#familyLogin h1 {position: absolute; margin: 0; padding: 0; width: 100%; height: 183px; top: 0px; left: 0px; background: url(images/familyLogin-header.png) no-repeat;}
#familyLogin h1 span {display: none;}
#familyLogin p, #familyLoginForm, #familyLogin div {position: relative;}
#familyLogin p {width: 236px; clear: left; margin: 8px 0; margin-left: 28px;}
#familyLogin p.first {padding-top: 80px;}
#familyLoginForm {position: absolute; top: 75px; right: 28px; width: 227px; margin-bottom: 20px;}
#familyLoginForm input,
#familyLoginForm label {float: left; margin-top: 6px;}
#familyLoginForm label {clear: left; width: 75px; line-height: 26px; vertical-align: middle; font-weight: bold;}
#familyLoginForm input {width: 144px; height: 18px; border: 1px solid #bababa; padding: 0; padding: 3px;}
#familyLoginFooter {clear: both; margin-top: 30px; height: 7px; background: #efe9ed url(images/familyLogin-footer.gif) no-repeat; padding: 10px; font-size: 10px; text-align: center;}
#familyLogin #familySubmit {width: auto; height: auto; border: 0px; float: right;}

#familyDeathNotice,
#familyObituary {width: 99%; height: 100px; margin-bottom: 10px;}
#familyDeathNoticeSave,
#familyDeathNoticeCancel,
#familyObituaryCancel,
#familyObituarySave {float: right; margin-left: 5px;}

/* -------------- GENERIC BOM STYLED BOX --------------- */

.bomBox {position: relative; width: 572px; background: url(images/familyLogin-bg.gif) repeat-y; margin: 10px auto; clear: both;}
.bomBoxBody {position: relative; padding: 28px; background: url(images/bomBox-body-bg.png) no-repeat top left; clear: both;}
.bomBoxFooter {position: relative; height: 7px; background: url(images/bomBox-footer-bg.gif) no-repeat top left; clear: both;}
.bomBox h2 {color: #8D2F59; margin: 0; font-family: Georgia, serif; font-size: 1.3em;}

/* -------------- CANDLE MESSAGE BOXES --------------- */

#candlePreview {display: none; position: absolute; top: 270px; width: 875px; height: 182px; text-align: center;}
#candlePreviewSmall,
#candlePreviewLarge {position: absolute; top: 370px; z-index: 10; height: 185px; width: 100%; display: none; opacity: 0;}
#candleDivSmall {
    width: 180px;
    height: 185px;
    background: url(images/candle-frame-small.gif) no-repeat;
    position: absolute;
    left: 340px;
    margin: 0 auto;
}

#candleDivLarge {
        width: 605px;
        height: 185px;
        background: url(images/candle-message-frame.gif) no-repeat;
        position: absolute;
        left: 180px;
        margin: 0 auto;
}

#candleDivLargeMessage {
        position: absolute;
        top: 53px;
        left: 178px;
        width: 392px;
        height: 96px;
        font-size:10px;
        font-family:Verdana;
        text-align:justify;
        color: black;
        padding: 5px;
        overflow: auto;
        border: 0;
        background: transparent;
}
#candleLargeLitBy {
        position: absolute;
        top: 18px;
        left: 176px;
}
#candleSmallLitBy {
        position:absolute;
        top: 5px;
        left: 25px;
}
#candleLargeName {
        position: absolute;
        top: 31px;
        left: 176px;
}
#candleshotSmall,
#candleshotLarge {
        position: absolute;
        top: 23px;
        left: 20px;
}
#candleWaitDivSmall,
#candleWaitDivLarge {
        display: none;
        position: absolute;
        text-align: center;
        font-weight: bold;
        width: 140px;
        left: 20px;
        top: 23px;
        background: white;
        height: 140px;
        line-height: 125px;
        vertical-align: middle;
        opacity: 0.7;
}
#addressWarning {color:red;text-align:center;display:none;}

.majicButton,
.majicButton img {border: 0px;}

h1.majicText,
h2.majicText {margin: 0; text-align: center; font-size: 15px; font-family: Georgia, serif; font-weight: bold;}
h3.majicText {font-family: Georgia, serif; font-size: 13px;}

#bomdatapane h1.majicText,
#bomdatapane h2.majicText,
#bomdatapane h3.majicText {margin: 5px 0;}

.mapButton {float: right; padding-left: 2px;}

#bomdatapane,
#bomdatapane td {font-size: 1em; line-height: 1.4em;}
#bomdatapane p { text-align: justify; padding-left: 2px;}
#bomdatapane h1 { text-align: center; }
#bomdatapane h2 { text-align: left; }

#pageFooter {background-position: 50%; height: 47px; clear: both; background-repeat: no-repeat;padding-bottom: 20px;}


#navigation {position: relative; padding: 0 30px; width: 180px; z-index: 10; float: left;}
#bomContentWrapper {position: relative; width: 610px; z-index: 5; float: left;}
#bomMenuFamilyLogin,
#menulink76,
#menulink77 {position: relative; width: 186px; height: 26px !important; background-position: top left !important; background-repeat: no-repeat; top: -5px; z-index: 10; border: 0 !important; line-height: 25px !important; text-indent: 45px; padding-right: 0px !important; margin-right: -25px;}
#bomMenuFamilyLogin:hover,
#bomMenuFamilyLogin.hover,
#menulink76:hover,
#menulink76.hover,
#menulink77:hover,
#menulink77.hover {background-color: transparent !important;}
#bomMenuFamilyLogin a,
#menulink76 a,
#menulink77 a {display: block; width: 100%; height: 100%;}

#bomMenuFooter {width: 175px; height: 125px; background-repeat: no-repeat; position: relative; top: -25px; clear: both;}
#bomHeaderArea {margin-top: 0; margin-left: 0;}
#bomHeader {width: 876px; height: 17px; margin: 0 auto; background-repeat: no-repeat;  background-position: bottom; }
#bomFooter {width: 876px; height: 110px; margin: 0 auto; background-repeat: no-repeat; }


.boxMessage .box {margin: 10px 0; padding: 10px 0; }

.adminControls {overflow: auto; background: white; padding: 0.5em; border: 1px solid #ccc; list-style-type: none;}
.adminControls li {float: left; padding: 0 0.5em; border-right: 1px solid; margin: 0; clear: none; font-size: 0.8em; line-height: 0.8em; border-bottom: 0;}
.adminControls li:last-child {border: 0;}
.adminControls a {line-height: 1em; text-decoration: none;}
.adminControls a:hover {text-decoration: underline;}