/* *********************************************************** */
/*                      CONTENT STYLES                         */
/* *********************************************************** */

html, body {height: 100%;}
body {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 12px; margin: 0;}

.clear {clear: both;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #000; font-family: Georgia, "Times New Roman", serif; border-bottom: 1px solid black; padding: 0.5em 0; clear: both;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

a {text-decoration: none;}
a:hover {}
img {border: 0;}
p, ol, ul, dl, dt, td, th {margin: 1em 0 0; font-size: 1em; color: #454545; line-height: 2em;}
pre {padding: 1em; background: white;}

.infoList li {clear: both; border-bottom: 1px dotted #999; margin-bottom: 0.2em; padding-bottom: 0.2em; overflow: auto;}
.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; text-align: center; width: 210px;}
.infoList li:last-child {border-bottom: none;}

dt {float: left; clear: left; width: 150px; font-weight: bold; margin: 0;}
dd {float: left;}
form {margin: 1em 0;}
legend {font-weight: bold; font-size: 1.1em; padding: 1em 0;}
.error {font-weight: bold; color: #ff0000;}
ol li {padding-left: 0.5em; list-style-type: decimal; list-style-position: inside;}
a.majicButton {height: 21px; display: inline-block;}

p.note {margin-left: 15px;}
span.button {font-style: italic; font-weight: bold;}
ul.bulletList {list-style-type: disc; margin-left: 2em;}
ol.numberedList {list-style-type: decimal; margin-left: 2em;}
/* *********************************************************** */
/*                   TUNNEL LAYOUT STYLES                      */
/* *********************************************************** */

#pageWrapperTunnel {background-repeat: repeat-x background-position: top right;}
#tunnelContainer {text-align: left; margin: 0 auto; width: 867px; height: 600px;}
#tunnelBackground {width: 867px; height: 600px;}
#panel_left{ text-align: center; width: 430px;}
#tunnelLogos {height: 197px; text-align: center;}
#tunnelMemoryOf {padding: 0 0 15px 0;}
#tunnelDate {padding: 15px 0 0 0;}
#tunnelEnter img {width: 183px; height: 85px;}


/* *********************************************************** */
/*                   DEFAULT LAYOUT STYLES                     */
/* *********************************************************** */

.clear {clear: both;}

#siteWrapper,
#pageWrapper,
#header,
#contentWrapper,
#photoFrame,
#candlePlayerWrapper,
#candleMessages,
#content,
#nameBlock,
#footer {position: relative;}

#navigation,
#modules {position: relative;}

#photoFrame {float: left; height: 100%;}
#candlePlayerWrapper, #content, #navigation, #modules, #candleMessages {float: left;}

#pageWrapper {width: 999px; margin: 0 auto; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#siteWrapper {background-repeat: repeat-x; background-position: top;}
#header {height: 353px; background-position: top right; background-repeat: no-repeat;}
#photoFrame {width: 293px;}
#candlePlayerWrapper {width: 427px; height: 240px;}
#candlePlayerWrapper.noCandles {background: url(images/candle0.png) no-repeat;}
#candlePlayer { visibility: visible !important; }
#candleMessages {width: 279px; text-align: center; padding-top: 40px;}
#frameMask {position:absolute;top:0px;left: 0;}
#content {width: 432px; padding: 0 10px; border: 0;}
#navigation {top: 0; left: 0; width: 282px; z-index: 10;}
#nameBlock {text-align: center; top: -8px;}
#modules {top: 0; right: 0; width: 238px; padding-left: 8px; border-left: 1px solid;}
#footer {clear: both;height: 40px; padding-top: 100px; background-image: url(images/bom-footer-logo.png); background-repeat: no-repeat; background-position: center 2em; color: #555; text-align: center; font-size: 0.9em; font-family: Georgia, "Times New Roman", serif;}
#candleMessageTitle {font-family: Georgia, "Times New Roman", serif; font-size: 1.4em; text-align: center; color: #fff; width: 180px; margin: 0 auto;}
#picFader {position: absolute; top: 30px; left: 30px;}
#viewMessage {color: #f6f904;}

.warning {padding: 1em 1em 1em 6em; background-color: #e5e5e5; background-image: url(images/warning_48.png); background-repeat: no-repeat; background-position: 1em 1em; width: 30em; margin: 1em auto; -moz-border-radius: 1em; line-height: 2em; font-weight: bold; min-height: 4em;}
/* *********************************************************** */
/*                   THICKBOX LAYOUT STYLES                    */
/* *********************************************************** */

#TB_title {display: none;}
#dialogClose {text-align: right; padding: 0.5em; font-weight: bold; background-color: #fff; background-color: rgb(255,255,255); cursor: pointer; overflow: auto;}
body.dialog {height: auto;}
#dialogClose {position: absolute; right: 1.8em; top: 0em; z-index: 999; width: 5em;}
#dialogClose span {display: block; float: right; padding-right: 18px; background-repeat: no-repeat; background-image: url(images/tb-close-icon.png); background-position: top right;}
#dialogClose span:hover {display: block; float: right; padding-right: 18px; background-image: url(images/tb-close-icon-over.png);}
#dialogPageWrapper {position: relative; margin: 1em; border: 5px solid black; background: white; padding: 1em; height: 35.5em; overflow: auto;}


/* *********************************************************** */
/*                   DEFAULT MENU STYLES                       */
/* *********************************************************** */

#bomMainMenuTop,
#bomMainMenuBottom {width: 100%; height: 25px; margin: 10px 0; background-repeat: no-repeat;}
#bomMainMenu ul {margin: 0; line-height: 1.2em;}
#bomMainMenu li { position: relative; text-align: center; list-style-type: none; width: 100%; margin: 1px 0; cursor: pointer; height: 38px;}
#bomMainMenu li.active a {background-position: 0 -38px;}
#bomMainMenu li:hover a,
#bomMainMenu li.hover a {background-position: 0 -76px;}
#bomMainMenu li:hover ul,
#bomMainMenu li.hover ul {display: block}
#bomMainMenu a { display: block; height: 38px; background-repeat: no-repeat; text-decoration: none; }
#bomMainMenu a span { display: none; }
#bomMainMenu ul ul {display: none; position: absolute; width: 233px; bottom: 0px; left: 282px; background-repeat: repeat-y;}
#bomMainMenu #menulink-lev1-family_interactive ul {top: 0px; bottom: auto;}
#bomMainMenu ul li li {width: 228px; height: 25px; background-repeat: no-repeat; background-position: bottom center; padding: 2px 0;}
#bomMainMenu ul li li.last {background-image: none; padding-bottom: 0;}
/*#bomMainMenu ul li li a {display: auto; height: auto; background: none; padding: 2px 0; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; font-weight: bold;}*/
#bomMainMenu ul li li a span {display: none;}
#bomMainMenu ul ul .menu_extra1,
#bomMainMenu ul ul .menu_extra2 {position: absolute; width: 100%; background-repeat: no-repeat; height: 12px; left: 0px;}
#bomMainMenu ul ul .menu_extra1 {top: -12px;}
#bomMainMenu ul ul .menu_extra2 {bottom: -12px;}
#bomMainMenu ul ul a {width: 228px; height: 23px; background-repeat: no-repeat; background-position: 0 0 !important;}
#bomMainMenu ul ul a:hover {background-position: -228px 0 !important;}


#socialLinks {position: relative; width: 197px; margin: 0 auto; height: 35px;}
#socialLinks li {width: 38px; height: 50px; background-repeat: no-repeat; float: left; display: inline; margin-right: 15px;}
#socialLinks a {display: block; width: 38px; height: 38px;}
#socialLinks span {display: none; position: absolute; bottom: -25px; left: 0; text-align: center; width: 197px; font-weight: bold;}
#socialLinks a:hover span {display: block;}
#socialLinks #twitterFeed {margin-right: 0;}
/*

#facebookShare,
#subscribeRSS,
#subscribeEmail {width: 80px; height: 70px; background-repeat: no-repeat; float: left; margin-bottom: 1.1em; margin-left: 10px;}
#facebookShare a,
#subscribeRSS a,
#subscribeEmail a {display: block; width: 100%; height: 100%;}
#facebookShare span,
#subscribeRSS span,
#subscribeEmail span {display: none;}
*/

/*#subscribeRSS {float: right;}*/

#familyLoginBtn,
#familyLogoutBtn {width: 274px; height: 36px; clear: both; margin-left: 4px; margin-top: 30px;}
#familyLoginBtn a,
#familyLogoutBtn a {display: block; background-repeat: no-repeat; height: 100%;}
#familyLoginBtn a {background-position: 0 0;}
#familyLogoutBtn a {background-position: 0 -72px;}
#familyLoginBtn a:hover {background-position: 0 -36px;}
#familyLogoutBtn a:hover {background-position: 0 -108px;}
#familyLoginBtn span,
#familyLogoutBtn span {display: none;}


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

.affiliationList {clear: both; overflow: auto;}
.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;}

/* *********************************************************** */
/*               DEFAULT RIGHT SIDE MODULES                    */
/* *********************************************************** */

.module {}
.module a {}
.module ul {margin: 0; overflow: auto;}
.module h3 {border: 0; font-size: 1.1em; padding: 0.6em; height: 1.2em; font-weight: normal; background-repeat: no-repeat; border-bottom: 1px solid;}
.module h3 span {display: none;}
.module .moduleContent {padding: 0.8em;}
.module h4 {font-size: 1em; border: 0; margin: 0; padding: 0 0 0.6em; line-height: 1.2em;}
.module li {margin-bottom: 1em;}
.module li p {margin: 0; line-height: 1.2em; font-style: italic;}
.module .noItems {height: auto !important;}
.module .noItems li {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; float: none !important;}
.module .noItems li h4 {display: none;}
.module .noItems li {text-align: center;}
.module .readMore {font-size: 0.9em;}
.module .scrollingList {overflow: hidden;}
h3.moduleLink {text-align: right; font-size: 0.9em; padding: 0.4em; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: none !important; border-bottom: none !important;}
h3.moduleLink a {}

#recentPhotos li {border: 0; float: left; padding: 0 0.5em; margin: 0;}
#recentPhotos li img {border: 1px solid #999;}
#recentPhotos li img:hover {border: 1px solid #454545;}

#recentCandles h3 {background-position: 0 0;}
#recentStories h3 {background-position: 0 -32px;}
#recentPhotos h3 {background-position: 0 -64px;}

/* *********************************************************** */
/*                  CANDLE MESSAGE FADER                       */
/* *********************************************************** */

#familyName, #familyMessage {background-repeat: no-repeat;}
#familyName h4 {padding-top: 25px; background-position: top; border: 0;}
#familyName h4 {}
#familyName h4 span {display: none;}
#familyMessage,
#familyName p {margin: 0; padding: 0 20px 15px; line-height: 1.2em; background-position: bottom; color: #fff;  font-family: Georgia, "Times New Roman", serif; font-size: 1.2em;}
#familyMessage {padding: 10px 20px; background: none; font-size: 1.5em;}
#viewMessage a {font-weight: bold; font-size: 0.8em;}

/* *********************************************************** */
/*                  CONDOLENCE LIST STYLES                     */
/* *********************************************************** */

.condolenceList li {position: relative; clear: both; padding-bottom: 1em; border-bottom: 1px solid #AAAAAA; margin-bottom: 1em;}
.condolenceList img {display: none;}
.condolenceList p {margin-top: 0.5em; line-height: 1.2em;}
.condolenceList .emailLink {font-weight: bold;}
.condolenceList .datePosted {color: #999; font-size: 0.8em; text-align: right;}
.adminControls {overflow: auto; background: white; padding: 0.5em; border: 1px solid #ccc;}
.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; width: 93px; overflow: hidden;}
.adminControls li:last-child {border: 0;}
.adminControls a {line-height: 1em;}
.adminControls a:hover {text-decoration: underline;}

/* *********************************************************** */
/*                 LIGHT A CANDLE FORM STYLES                  */
/* *********************************************************** */

#candlePersonalization textarea {width: 100%; margin: 1em 0; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 0.9em; height: 8em;}
#candleForm label {}
#DurationMonths3,#DurationMonths12,#DurationMonths36 {}
#candleForm .radioGroup {padding: 0.5em 0;}
#candleForm .textGroup {padding: 0.2em 0; margin-left: 1.4em;}
#candleForm .lblAddr {clear:left; float:left; width: 100px; display:block;}
#candleForm fieldset {margin-bottom: 1em; border-bottom: 1px solid #aaa; padding-bottom: 1em;}
#addressWarning {color:red;text-align:center;display:none;}

/* *********************************************************** */
/*                   VIDEO MEMORIES PLAYER                     */
/* *********************************************************** */

#vmpWrapper {width: 980px; height: 614px; position:relative;}
#videoPlayer {position: absolute; top: 134px; left: 206px;}
#controls {position: absolute; top: 553px; left: 353px; width: 276px; height: 34px;}
#controls .button {display: block; float: left; height: 100%; background-repeat: no-repeat; padding: 0; margin: 0; cursor: pointer;}

/* *********************************************************** */
/*                   		OBIT PAGE                     	   */
/* *********************************************************** */

img#obitPhoto {border: 2px solid #ccc; margin: 0.5em 1em 1em 0; float: left;}

/* *********************************************************** */
/*                       MODIFY OBITUARY                       */
/* *********************************************************** */

.photosel { float:left; padding:4px; display:block; cursor:pointer; cursor:hand; }
.photosel:hover { float:left; padding:4px; display:block; background-color:blue; cursor:pointer; cursor:hand; }
.photoselBox { border:1px solid black; height:200px; overflow-x:hidden; overflow-y:scroll; text-align:left; margin-bottom: 2em;}
.photoselText { margin-right:5px; float:left; text-align:center; width:190px; }
.photoselSelected { padding-top:9px; padding-left:8px; padding-right:8px; opacity:0.0; filter:opacity(alpha=0); }
#familyObituary {margin-bottom: 1em;}

/* *********************************************************** */
/*                   CANDLE POPUP                              */
/* *********************************************************** */

#candlePopup {position: relative; width: 732px; height: 440px; padding: 5px; background-repeat: no-repeat; background-position: bottom left;}
#candlePopup span {display: none;}
#candlePopupBOMLogo {position: absolute; right: 25px; top: 15px; width: 221px; height: 99px; background-repeat: no-repeat;}
.candlePopupBtn {position: absolute; height: 28px; bottom: 5px; cursor: pointer;}
.candlePopupBtn a {display: block; width: 100%; height: 100%; background-repeat: no-repeat;}
#candlePopup .candleMessage {position: absolute; width: 424px; height: 329px; top: 0px; left: 0px; background-repeat: no-repeat;}

#candlePopup #chargableCandleMessage {background-image: url(images/lac-chargable.png);}
#candlePopup #noChargeCandleMessage {background-image: url(images/lac-no-charge.png);}
#candlePopup #forProfitCandleMessage {background-image: url(images/lac-for-profit.png);}

#candlePopup #chargableCandleMessage,
#candlePopup #noChargeCandleMessage,
#candlePopup #forProfitCandleMessage {top: 40px; left: 14px;}

#candlePopup #chargableCandleMessage *,
#candlePopup #noChargeCandleMessage *,
#candlePopup #forProfitCandleMessage * {display: none;}

#candlePopup h1 {width: 441px; height: 28px; position: absolute; top: 20px; left: 10px;  background: no-repeat url(images/lac-header.png); border-bottom:0px; margin: 0; padding: 0;}
#candlePopup #paragraph1 {width: 431px; height: 74px; position: absolute; top: 56px; left: 12px; background: no-repeat url(images/lac-paragraph1.png); margin: 0; padding: 0;}
#candlePopup #paragraph2 {width: 286px; height: 128px; position: absolute; top: 130px; left: 12px; background: no-repeat url(images/lac-paragraph2.png); margin: 0; padding: 0;}
#candlePopup #paragraph3 {width: 286px; height: 55px; position: absolute; top: 258px; left: 12px; background: no-repeat url(images/lac-paragraph3.png); margin: 0; padding: 0;}
#candlePopup #acceptedCreditCards {width: 155px; height: 25px; position: absolute; top: 324px; left: 140px;  background: no-repeat url(images/lac-cc-icons.png); margin: 0; padding: 0;}

#btnNoThanks {width: 127px; left: 10px;}
#btnLAC {width: 277px; right: 10px;}

#candlePopup {background-image: url(images/lac-popup-bg.jpg);}
#btnNoThanks {background-image: url(images/lac-nothanks-btn.png);}
#btnLAC {background-image: url(images/lac-enter-btn.png);}
#candlePopupBOMLogo {background-image: url(images/lac-bom-logo.png);}