body,.x-fullscreen,.x-layout-fit-item,.x-layout-card-item{
    background-color: #fefae4;
    font-family: Trebuchet MS;
}

/*Fix condolence form */
.x-dock-body{
    height:260px;
}
/*end fix*/

.headerPanel{
    background-image: url('../images/bgRepeat.png');
    background-repeat: repeat-x;
    height: 125px;
}

.headerPanel>.x-inner{
    background-image: url('../images/headerTexture.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.topBar{
    height: 20px;
    background-color: #261a04;
    box-shadow: 0 8px 6px -6px #000000;
}

#siteLogo{
    height: 102px;
    position: relative;
    top:13px;
    background-size: auto 100%;
}
.navCon {
    background-color: #261a04;
}
.mainNav {
    width: 320px;
    height: 40px;
    margin: 0 auto;
    font-weight: normal;
}

.mainNav .x-button{
    float: left;
    background-color: #261a04;
    background-image: none;
    border: none;
    border-right: 1px solid #917e4c;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
}

.mainNav .x-button.homeBtn{
    border-left:  1px solid #917e4c;
    background-image: url('../images/homeIcon.png');
    background-repeat: no-repeat;
    background-position: center;
}

.mainNav .x-button .x-button-label{
    white-space: normal;
    font-size: 12px;
    overflow: visible;
    color: #cca047;
    text-shadow: 2px 1px 1px #000000;

}

.mainNav .x-button.active .x-button-label{
    color: #FFFFFF;
}

.mainContent {
    background-color: #fefae4;
    color: #715a30;
    text-align: center;
    font-size: 14pt;
    padding-bottom: 240px;
}

.mainContent h1, .default h1{
    color: #261a04;
    font-size: 14pt;
    font-weight: bold;
}
.mainContent p, .default p{
    color: #715a30;
    font-size: 12pt;
    font-style: italic;
}

.mainContent .obit-bom-con ,  .default .obit-bom-con p{
    color: #715a30;
}

.mainContent h2, .default h2{
    color: #261a04;
    font-size: 12pt;
    font-weight: bold;
}
.mainContent h3, .default h3{
    font-size: 1.3em;
}
.mainContent .phone-fax,.default .phone-fax{
    color: #261a04;
    font-weight: bold;
}

.mainContent #funeralHomePhoto{
    height:100px;
    width: 280px;
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 0 0 5px 0 #000000;
}

.immediateNeed{
    background: #320303;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    position: absolute;
    bottom: 170px;
    width: 100%;
    box-shadow: 0 12px 22px 14px #000000;
    -webkit-box-shadow: 0 12px 22px 14px #000000;
}

.immediateNeed .x-button{
    background: #320303;
    background-image: none;
    color: #FFFFFF;
    border: none;
    border-right: 1px solid #917e4c;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
    height: 48px;
}

.immediateNeed .x-button .x-button-label{
    font-weight: normal;
    text-shadow: 2px 1px 1px #000000;
}

.footer{
    background-image: url('../images/footerRepeat.png');
    background-repeat: repeat-x;
    height: 170px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer>div.x-inner{
    background-image: url('../images/footerTexture.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.footer .fullSiteBtn{
    border: none;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-size: 0.7em;
    font-weight: normal;
    margin: 0 auto;
    position: relative;
    top: 30px;
    text-shadow: 2px 1px 1px #000000;
    background:none;
    background-image: url('../images/fullBtn.png');
    border-radius: 15px;
    -webkit-border-radius: 9px;
    padding-left: 30px;
}

.copyright{
    font-weight: normal;
    color: #f6e3a4;
    text-align: center;
    font-size: 0.7em;
    position: relative;
    top: 60px;
}
.default{
    text-align: center;
}
.default .headerPanel,.default .headerPanel>.x-inner{
    background-position-y: -10px;
}

.obitsPage .headerPanel .headerImage{
    background-image: url('../images/obitBanner.png');
}
.locPage .headerPanel .headerImage{
    background-image: url('../images/locBanner.png');
}
.helpPage .headerPanel .headerImage{
    background-image: url('../images/helpBanner.png');
}
.default .headerPanel .headerImage{
    background-color: #ae8b55;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    height:85px;
}

.default #defaultLogo {
    width: 262px;
    height: 39px;
    position: relative;
    margin: 0 auto;
    top: 5px;
    background-size: auto 100%;

}

.childPageCon, #directions-panel{
    padding-bottom: 170px;
}
.childPage{
    width:320px;
    margin: 0 auto;
}
.childBar{
    background-image: none;
    box-shadow: 0 5px 15px -5px #000000;;
    -webkit-box-shadow: 0 5px 15px -5px #000000;
    padding: 0;
    position:relative;
    min-width: 320px;
    height: 53px;
    margin: 0 auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    clear: both;
}
.childBar.evenBar{
    background-color: #433215;
}
.childBar.oddBar{
    background-color: #735c31;
}
.childBar.bom .inner-childBar{
    font-family: 'Trajan Pro','Georgia';
    color: #FFFFFF;
}
.obit-bom-con .childPage .x-html{
    padding: 10px;
    margin: 0;
}
.childBar .inner-childBar .x-innerhtml {
    padding-left: 15px;
}
.childBar .inner-childBar{
    margin: 0 auto;
    width: 320px;
    text-align: left;
    color: #fefae4;
    font-size: 10pt;
    text-shadow: 2px 1px 1px #000000;
    white-space: normal;
    height:53px;
    line-height: 53px
}

.childBar .x-button-normal{
}

.childBar .x-centered{
    width: auto;
}

.childBar .x-button{
    position: absolute;
    padding: 0;
    margin: 0;
    background-image:none;
    width:320px;
    height: 50px;
    min-height:50px;
    border: none;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.childBar .x-button.x-button-pressing{
    background: none;
    background-repeat: no-repeat;
    background-position: 273px;
} 

.childBar .x-button.expand {
    background-image: url('../images/icon-expand.png');
    background-repeat: no-repeat;
    background-position: 273px;
}
.childBar.bom .x-button.expand {
    background-image: url('../images/icon-bom-expand.png');
    background-repeat: no-repeat;
    background-position: 273px;
}
.childBar .x-button.back {
    background-image: url('../images/icon-back.png');
    background-repeat: no-repeat;
    background-position: 273px;
}
.childBar .x-button.collapse {
    background-image: url('../images/icon-collapse.png');
    background-repeat: no-repeat;
    background-position: 273px;
}
.childBar.bom .x-button.collapse{
    background-image: url('../images/icon-bom-collapse.png');
    background-repeat: no-repeat;
    background-position: 273px;
}

.x-button.longBtn, .x-button.shortBtn{
    border: none;    
    background-color: transparent;
    margin: 5px auto;
    font-size: 0.6em;
    font-weight: normal;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    min-height: 32px;
}

.longBtn{
    background-image: url('../images/longBtn.png');
    width: 262px;
}

.shortBtn{
    background-image: url('../images/shortBtn.png');
    width: 127px;
}

.obit-bom-con{
    background-image: url('../images/bom-bg.png');
}
#bom-header{
    font-family: 'Palatino Linotype','Georgia';    
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
#bom-header .x-inner{
    padding: 0;
    margin: 0;
}
#bom-header .in-memory, #bom-header .dod{
    font-size: 10pt;
    padding: 3px 0;
}
#bom-header .name{
    font-size: 13pt;
}
#bom-footer{
    background-image: url('../images/bom-divider.png');
    background-repeat: no-repeat;
    background-position: center top;
    padding: 32px 62px 0 62px;
    margin-top: 10px;
}
#bom-footer .x-button{
    width: 39px;
    height: 38px;
    background-color: transparent;
    border: none;
    float: left;
    margin: 0 5px;
}
.visitation-con,
.service-con{
    font-size: 13px;
    text-align: left;
    padding-top: 10px;
overflow: hidden;
}
.service-con h2 {
    text-align: center;
}

.visitation-label,
.service-label{
    font-weight: bold;
    float: left;
    width: 100px;
}

.service-map{
    margin: 0 auto;
} 

.service-search{
    text-align: left;
    padding: 10px 0;
}

.service-search #search-button{
    width: 60px;
    height: 47px;
    border-radius: 0 8px 8px 0;    
}

.service-search #search-input{
    border: 1px solid #CCC;
    border-radius: 8px 0 0 8px;
    width: 250px;
    float: left;
}

.service-search.x-form .x-form-inner{
    margin: 0;
    padding: 5px;
}

.donation-con .donation-to{
    text-align: right;
    font-size:10pt;
    font-weight: bold;
}

.donation-con .donation-from{
    text-align: right;
    font-style: italic;
    font-size:9pt;
}

p.candle-description{
    font-size: 10pt;
    text-align: left;
    padding-top: 10px;
    color: #333;
}

.condolence-con, .donation-con, .candle-con{
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #CCC;
}

.condolence-con .condolence-content, .donation-con .donation-content,.candle-con .candle-content{
    font-style: italic;
    margin-bottom: 5px;
}

.condolence-con .condolence-from, .candle-con .candle-from{
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
}
.hidden-field{
    display: none;
}
.condolence-con .condolence-date,.candle-con .candle-date{
    color: #999;
    font-size: 9pt;
    text-align: right;
}
.donation-form-con .x-form-fieldset,
.candle-form-con .x-form-fieldset,
.condolence-form-con .x-form-fieldset{
    margin: 0;
}
.donation-form-con .x-button,
.candle-form-con .x-button,
.condolence-form-con .x-button{
    float: right;
}
.donation-form-con,
.candle-form-con,
.condolence-form-con{
    margin-top: 10px;
    text-align: left;
}
.donation-form-con .x-form-label,
.candle-form-con .x-form-label,
.condolence-form-con .x-form-label{
    white-space: normal;
}
.donation-form-con .x-form-inner,
.candle-form-con .x-form-inner,
.condolence-form-con .x-form-inner{
    padding: 0;
    margin: 0;
}

iframe.flowers{
    overflow:auto;
    height: 500px;
    border: none;
    width: 100%;
    height: 100%;
}
/**************** End BOM Theme BG *******************/

/**************** Obit Listing *******************/

.obit-listing .obit-photo img{
    display: block;
    margin: 5px auto;
}
.x-list.obit-list .x-list-item-label {
    margin: 0;
    padding: 0;
}
.obit-listing.x-button{
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-align: left;
    font-weight: normal;
    white-space: normal;
}
.obit-listing .obit-con{
    height:122px;
    display: block;
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-weight: normal;
    white-space: normal;
}
.obit-listing .obit-photo{
    width:95px;
    height: 122px;
    float:left;
}
.obit-listing .x-html{
    margin: 0;
    padding: 0;
}
.obit-listing{
    width: 320px;
    height: 122px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #000000;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    box-shadow: 0px 3px 3px 2px #CCCCCC;
    text-align: left;
}

.obit-listing .obit-name{
}

.obit-listing .obit-dod{
    font-size: 12px;
    color: #807c7d;
    margin-bottom: 10px;
}

.obit-listing .obit{
    font-size: 12px;
}

.obit-paging{
    font-size: 12px;
    padding: 5px 0;
}

/**************** End Obit Listing *******************/

/**************** Location ******************/

.default.locPage .x-html{
    padding: 0;
    margin: 0;
}

.locPage .emailButton .x-button-icon{
    background-image: url('../images/icon-email.png');
    width: 21px;
    height: 15px;
    display: block;
    margin-left: 10px;
}

.locPage .emailButton .x-button-label{
    line-height: 1.5em
}

.locPage #map-buttons{
    width: 262px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.locPage #map-buttons div.shortBtn:first-child{
    float: left;
}
.locPage #map-buttons .shortBtn{
    float: right;
}
.locPage .location-map{
    margin: 0 auto;
    box-shadow: 2px 2px 2px #CCCCCC;
    margin-bottom: 5px;
}

/**************** End Location ******************/
/**************** Help Page *********************/
.default.helpPage{
    text-align: left;
}

.bom-photo{
    background-position: center center;
    background-size: contain;
    margin: 0 auto;
    position: relative;
}