#heartfeltSympathiesContainer{
    font-family: "Trebuchet MS";
    font-size: 13px;
    width:660px;
    background-color: #fff;
    padding: 20px;
    margin: 0 auto;
}
#heartfeltSympathiesContainer .buttonContainer{ overflow: auto; }
#heartfeltSympathiesContainer .button{
    float:left;
    text-align: center;
    cursor:pointer;
    text-decoration: none;
}
#heartfeltSympathiesControls .button{
    color:#4c2114;
    width:147px;
    cursor:pointer;
    margin:5px;
    border:2px solid #fff;
    border-radius:3px;
    padding:2px;
    text-decoration: none;
    box-shadow:0px 0px 3px #000;
    background-color: #c0c0be;
    background-image: -ms-linear-gradient(top, #e4e4e4, #c0c0be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#c0c0be));
    background-image: -webkit-linear-gradient(top,#e4e4e4,#c0c0be);
    background-image: -o-linear-gradient(top,#e4e4e4,#c0c0be);
    background-image: -moz-linear-gradient(top,#e4e4e4,#c0c0be);
    background-image: linear-gradient(top,#e4e4e4,#c0c0be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#c0c0be', GradientType=0, zoom=1);
    text-shadow:1px 1px 1px #fff;
}
#heartfeltSympathiesControls .buttonActive{
    color:#fff;
    background-color: #441809;
    background-image: -ms-linear-gradient(top, #712711, #441809);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#712711), to(#441809));
    background-image: -webkit-linear-gradient(top,#712711,#441809);
    background-image: -o-linear-gradient(top,#712711,#441809);
    background-image: -moz-linear-gradient(top,#712711,#441809);
    background-image: linear-gradient(top,#712711,#441809);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#712711', endColorstr='#441809', GradientType=0, zoom=1);
    text-shadow:1px 1px 1px #000;
}

/*header*/
#heartfeltSympathiesContainer #heartfeltSympathiesHeader { margin-bottom: 30px; }
#heartfeltSympathiesContainer #heartfeltSympathiesTitle { color:#732811; font-size: 1.6em; margin-bottom: 20px; }
#heartfeltSympathiesContainer #heartfeltSympathiesDesc { color:#000; }

/*records*/
#heartfeltSympathiesContainer .recordContainer,
#heartfeltSympathiesContainer .recordContainer .recordInnerContainer { border-radius:3px; }
#heartfeltSympathiesContainer .recordContainer{
    margin:20px 0;
    border:2px solid #fff;
    box-shadow:0px 0px 5px #000;
}
#heartfeltSympathiesContainer .recordContainer .recordInnerContainer{
    padding:8px;
    border:1px solid #bfbfbf;
    overflow: auto;
    width: 638px !important;
}
#heartfeltSympathiesContainer .recordContainer .recordImgContainer{
    border:1px solid #c4c4c4;
    width:106px;
    height:106px;
    float:left;
}
#heartfeltSympathiesContainer .recordContainer .recordImgContainer img { border:1px solid #fff; display: block; margin:0 auto;}
#heartfeltSympathiesContainer .recordContainer .recordInfo { float:left; margin-left:15px; }
#heartfeltSympathiesContainer .recordContainer .recordInfo .recordName { margin-bottom: 5px; }
#heartfeltSympathiesContainer .recordContainer .recordInfo .recordName a { text-decoration: none; color:#732811; font-size: 1.1em; font-weight: bold; }
#heartfeltSympathiesContainer .recordContainer .recordInfo .recordDates { color:#000; font-weight: bold; }
#heartfeltSympathiesContainer .recordContainer .buttonContainer { margin-top:15px; }
#heartfeltSympathiesContainer .recordContainer .buttonContainer .button {
    background:url('images/button.png') no-repeat;
    width:120px;
    height:44px;
    margin:6px 23px 0 23px;
    color:#4c2114;
    font-size: 0.85em;
    padding-top:7px;
    font-weight: bold;
}
#heartfeltSympathiesContainer .recordContainer .buttonContainer .button p { margin:0; line-height: initial; }



/*pagination*/
#heartfeltSympathiesContainer .paginationContainer { text-align: center; }
#heartfeltSympathiesContainer .paginationContainer .paginationPage { cursor:pointer; }
#heartfeltSympathiesContainer .paginationContainer .paginationPageActive { text-decoration: underline; }

#heartfeltSympathiesContainer .icon { display:inline-block; cursor:pointer; }
#heartfeltSympathiesContainer .iconSearch { background:url('images/search.png') no-repeat; width:28px; height:28px;}
#heartfeltSympathiesContainer .searchContainer { text-align: right; margin:13px 0; }
#heartfeltSympathiesContainer .searchBar { 
    width: 300px; 
    border-radius: 5px; 
    height: 26px; 
    position: relative; 
    top:-8px;
}