/*********************************************************
MAIN
/**********************************************************/
body {
	margin: 20px 0;
	background: #7A0026 url(../img/memorial/memorial_connection/img01.gif);
	font: normal small Arial, Helvetica, sans-serif;
	color: #666666;
}

 
/*****************************************************
 Navigation
******************************************************/
  .tabs ul{
    display: inline;
    text-align: center;
    padding: 0px;
    margin: 0px;
  }
  .tabs li {
    background:#f1f1f1;
    display:inline;
    padding: 2px 0px 3px 0px;
  } 
  .tabs li a {
    padding:2px 8px 3px 9px;
    border:1px solid #898989;
    border-left:0;
    color:#333;
    font-weight:bold; 
  }

a.active{
	border-bottom:3px solid #FFFFFF;
	color:#CFCFCF;
	padding-bottom:1px;
}
  
  
/*****************************************************
 Obituary
******************************************************/

.obit{
	width: 200px;
	padding: 25px 15px 10px 15px;
  	text-align: center;
  	border-top: 1px solid #aaa;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #aaa;
}

.obit_name{
	font-size: 150%;
}

.obit_date{
	font-size: 120%;
}

/*****************************************************
 Memorial
******************************************************/

.memorial{
	padding: 0px;
}

.mem-side-col{
	width: 225px;
	padding: 15px 5px 10px 10px;
	float: left;
	background: #f5f5f5;
}

.mem-side-box{
	/*padding: 0px 15px 0px 25px;*/
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 200px;
	padding: 10px;
  	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	background: #fff;
	margin-bottom: 25px;
}

.mem-profile{
	padding: 0px 15px; 0px; 25px;
	text-align: center;
	width: 200px;
	padding: 10px;
  	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	background: #eee;
	float: left;
}

.mem-picture{
	float: left;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
}

.mem-main-col{
	width: 330px;
	padding: 10px;
	float: left;
}

.mem-main-col-no-side{
	margin: 0 auto;
	width: 400px;
	padding: 20px;
}

.mem-main-col-full{
	margin: 0 auto;
	width: 500px;
	padding: 10px;
}

.mem-title h1, h2, h3{
	text-align: center;
	padding: 0px 5px 10px 0px;
}

.mem-menu{
	background: #ded;
	padding: 10px 0px 10px 0px;
}

.mem-intro{
	padding: 15px 10px 10px 10px;
}

.mem-edit-box{
	border: 1px solid #aaa;
	padding: 10px;
	margin: 10px 0px 15px 0px;
}

table.tribute_table {
	width: 300px;
}

/*********************************************************
* GIFTS
**********************************************************/

.mem-gifts {

}

.mem-gifts td {
	font-size: 14px;
}

a.back_to_gifts {
	color: #6B0626;
}

.mem-gifts h3 {
	color: #333;
	text-align: center;
	font-size: 18px;
}

.mem-gifts img {
	border:0px;
	margin-right: 20px;
}

.mem-gifts tr, .mem-gifts td{
	padding: 10px 0px 10px 0px;
	vertical-align: top;
	border-bottom: 1px dotted #aaa;
}

.buy {
	text-align: center;
}

.buy a {
	color: #6B0626;
}

.more_products a {
	color: #6B0626;
	text-align:center;
	font-size:14px;
}

/*********************************************************
* GALLERY (most is in jd.gallery.css)
**********************************************************/
.mem-gallery{
	padding-top: 25px;
	margin-left: -50px;
}

.mem-image-upload{
	padding: 5px;
	border: 1px solid #ccc;
	text-align: center;
	margin-top: 20px;
}

.mem-image-upload-form{
	width: 300px;
	text-align: left;
	margin: 0 auto;
}



/*********************************************************
COMMENTS & CANDLES
*********************************************************/
.mem-comments{
	margin-top: 10px;
	padding: 15px; 0px; 5px; 0px;
}

.mem-comments table{
	border: 0;
/*	width: 100%;*/
}

.mem-comment-title{
    background: #F7F7F7;
    border-top: solid 1px #3B5998;
    border-bottom: solid 1px #D8DFEA;
    margin: 0px 0px 4px 0px;
    padding: 3px 5px 3px 6px;
	font-size:14px;
}
.mem-comment-data{
	margin-bottom: 12px;
    padding: 2px 5px 10px 6px;
}

.mem-comment-upload{
	text-align: center;
}

.mem-candle-pic{
	margin: 0 auto;
	text-align: center;
}

/******************************************************************************
* Form trick
*******************************************************************************/

.submit-email{
	width: 2px;
	height: 2px;
	visibility: hidden;
	display: none;
}


/**********************
* Preview
***********************/
.preview {
	margin-top: 5px;
	border: 1px solid #aaa;
	padding-bottom: 15px;
	text-align: left;
}
