/* apply to all the elements */

* { margin: 0; padding: 0 }

/* apply to body and elements */

body
{
    font-size: 62.5%;
    font-family: Verdana, Arial, Sans-Serif;
    /*  background: #C9C7C7; */
    color: #fff;
}
td.normal{ 
]

text-decoration: none; 
background-color: White; 
background-attachment: fixed; 


}

td.normalon { 
 

text-decoration: none; 

background-attachment: fixed; 
background: url(images/gift_background.png) no-repeat; 


}
img
{
    border: none;
}
table
{
    border: none;
}
p
{
    font-size: 1.2em;
}
h2
{
    font-size: 2.2em;
}
h1
{
    font-size: 1.7em;
	color:#FF0000;
	
}
.input_box {
margin-left: 5px;
    width: 190px;
    height: 19px;
    background-image: url(images/search_text_bg.png);
    background-repeat: repeat-x;
	float: left;
    border: solid 1px #bfd6ef;
	font-size: 1.1em;
	vertical-align: bottom;
}
table#table2 { width:99%; text-align:left; margin-left:auto; margin-right:auto;}
table#table3 { width:99%; text-align:left; margin-left:auto; margin-right:auto; color:#000000;}
/* wrappers, ideed elements and classes */

#wrapper
{
    width: 100%;
    height: auto;
   /* background: #C9C7C7; */
}
#top-bar-bg
{
    width: 100%;
    
	 background-image: url(images/topBar.png);
    background-repeat: repeat-x;
}
#top-container
{
    width: 834px;
    margin: 0 auto;
    padding: 5px 0;
    overflow: hidden;
}
#logo
{
    width: 300px;
    float: left;
}
#login-container
{
    width: 534px;
    float: right;
	padding: 10px 0;
   
}
#login-container table
{
    margin: 0 auto;
}
#login-container label
{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 20px;
}
#login-container a
{
    font-size: 1.3em;
    line-height: 20px;
	color:#FFFFFF;
	text-decoration: none;
}
#login-container a:hover
{
    font-size: 1.3em;
    line-height: 20px;
	color:#FFFFFF;
	text-decoration: underline;
}
#login-container input.text
{
    width: 140px;
    height: 20px;
    margin: 0 15px 0 5px;
	
}
#content-container
{
    width: 814px;
    margin: 0 auto;
    padding: 15px 10px;
    background: #fff;
    overflow: hidden;
}
#content-container2
{
    width: 900px;
    margin: 0 auto;
    padding: 15px 10px;
    background: #fff;
    overflow: hidden;
	color:#000000;
}
#picture-container
{
    width: 394px;
    height: 266px;
    float: left;
}
#free-account
{
    width: 394px;
    height: 266px;
    float: left;
	text-decoration: none; 
	font-size:11px; 
	color: #515050; 
	background-image: url(images/create_account_background.png);
	
	
}
#free-account h1
{
    font-size: 1.7em;
	text-align: center;
	
}
#free-account h2
{
    font-size: 1.1em;
	text-align: left;
	
}

#free-account-picture
{
    width: 394px;
    height: 360px;
    float: left;
	text-decoration: none; 
	font-size:11px; 
	color: #515050; 
	
	
	
	
}
#free-account-picture h1
{
    font-size: 1.7em;
	text-align: center;
	
}
#free-account-picture h2
{
    font-size: 1.1em;
	text-align: left;
	
}
#free_acount_info
{
     width: 394px;
    height: 266px;
    float: left;
	text-decoration: none; 
	font-size:11px; 
	color: #515050; 
	
	
	
}
#free_acount_info h1
{
    font-size: 1.7em;
	text-align: center;
	
}
#free_acount_info h2
{
    font-size: 1.1em;
	text-align: left;
	
}
#white-container
{
    width: 410px;
    float: right;
    background: white;
}
#white-container .space
{
    width: 390px;
    height: 7px;
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
	
}
#white-container3
{
    width: 410px;
	height: 143px;
    float: right;
    background: white;
	
}

#white-container3 .black-content-container
{
    width: 390px;
    height: auto;
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
	vertical-align: middle;
}
#free_memeorial
{
    width: 410px;
	height: 266px;
    float: right;
    background: white;
	
}

#free_memeorial .free_container
{
    width: 390px;
    height: auto;
    padding: 5px 10px;
    text-align: left;
    overflow: hidden;
	vertical-align: middle;
	color:#000066;
}
 





#black-container .black-content-container h2
{

    font-size: 2.2em;
}
#black-container .black-content-container h3
{
margin-left: 5px;
float: left;
    font-size: 1.5em;
	padding-bottom: 10px;
}
#white-container2
{
    width: 410px;
	height: 266px;
    float: right;
    background: white;
	
	
}

#white-container2 .black-content-container
{
    width: 390px;
    height: auto;
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
	vertical-align: middle;
}

#black-container
{
    width: 410px;
    float: right;
    background: #515050;
}
#black-container .black-content-container
{
    width: 390px;
    /* height: 236px; */
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
}
#black-container a:link { 
text-decoration: none; 
font-size:11px; 
color: #FFFFFF; 
}


#black-container a:visited { 
text-decoration: none; 
font-size:11px; 
color: #CCCCCC; 
}

#black-container a:hover { 
text-decoration: none; 
font-size:11px; 
color: #999999;
 
} 
.black-content-container .search_text {
margin-left: 5px;
    width: 290px;
    height: 22px;
    background-image: url(images/search_text_bg.png);
    background-repeat: repeat-x;
	float: left;
    border: solid 1px #bfd6ef;
	font-size: 1.4em;
}
.black-content-container .login_text {
margin-left: 5px;
    width: 140px;
    height: 22px;
    background-image: url(images/search_text_bg.png); 
    background-repeat: repeat-x;
	float: left;
    border: solid 1px #bfd6ef;
	font-size: 1.1em;
}


.black-content-container .btn_search {
    margin-right: 5px;
    width: 82px;
    height: 26px;
    /* background-image: url(images/btn_search.png); */
    float: right;
    cursor: pointer;
}


#black-container .black-content-container h2
{

    font-size: 2.2em;
}
#black-container .black-content-container h3
{
margin-left: 5px;
float: left;
    font-size: 1.5em;
	padding-bottom: 10px;
}

.curved-content-container
{
    width: 814px;
    background-color: white;
background-image: url(images/table_background.png);
background-repeat: no-repeat;
}
.curved-content-container .content
{
    padding: 10px 20px;
}

.about-us-container
{
    width: 814px;
    background-color: white;
background-image: url(images/about_us_background.png);
background-repeat: no-repeat;
}
.about-us-container .content
{
    padding: 10px 20px;
	text-decoration: none; 
	font-size:12px; 
	color: #515050;
}

#footer
{
    margin: 10px;
    text-align: center;
}
#footer ul, #footer li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer ul
{
    text-align: center;
}
#footer li
{
    display: inline;
    margin-right: 1em;
}
#footer li.last-link
{
    margin-right: 0;
}
#footer ul li a
{
    c
}
#footer .copyright
{
    font-size: 1.1em;
    display: block;
    margin-bottom: 8px;
    color: #515050;
}
/* curves classes */
.blue-curve-top-bb { 
	background: url(images/blue-curve-top-right.gif) no-repeat top right #515050; 
}
.blue-curve-bottom-bb{
	background: url(images/blue-curve-bottom-right.gif) no-repeat bottom right #515050; 
}
.blue-curve-top { 
	background: url(images/blue-curve-top-right.gif) no-repeat top right #fff; 
}
.blue-curve-bottom{
	background: url(images/blue-curve-bottom-right.gif) no-repeat bottom right #fff; 
}
.black-curve-top { 
	background: url(images/black-curve-top-right.gif) no-repeat top right; 
}
.black-curve-bottom{
	background: url(images/black-curve-bottom-right.gif) no-repeat bottom right; 
}
.black-bg
{
    background: #515050;
}
.white-bg
{
    background: #fff;
}
/* usable classes */

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

.clear { clear: both; height: 10px; }

#body-container
{
    width: 840px;
    float: left;
    
}
#body-container table
{
    margin: 0 auto;
}
#body-container label
{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 20px;
}
#body-container input.text
{
    width: 140px;
    height: 20px;
    margin: 0 15px 0 5px;
	
}
#lefCol { float:left; width:184px; background-color:white; }
#midCol { float:left; width:510px; border-top: 1px solid #CCC; padding:1em; background-color:white; color:#000000; }
#midCol h1 {font-size: 1.7em; color: #99CC33;}
#midCol a { color:#606065; text-decoration: none;}
#midCol a:hover{ color:#000000; text-decoration: underline;}
#rigCol { float:left; width:184px; background-color:white; }

#new *							{ margin:0; padding:0; }
#new a							{ outline:none; border:none; }
#new img						{ border:none; }
#new abbr, acronym				{ border-bottom:1px dotted #ddd; cursor:help; }
#new fieldset					{ border:none; }
#new form label					{ cursor:pointer; }
#new input, select, textarea		{ vertical-align:middle; }
#new em							{ font-style:italic; }
#new ol							{ list-style-type: none; margin:0px; padding: 0px; }
#new ul							{ list-style-type: none; }
#new th							{ font-weight:bold; }
#new caption						{ text-align:center; }

/* =Body
--------------------------------------------------------------------------------------- */
#body2				{ background:#FFF; font: 62.5% Arial, Helvetica, sans-serif; color:#333; line-height: 140% }


/* =Sidebar
--------------------------------------------------------------------------------------- */
#sidebar			{ width: 184px; background: url(images/bg-sb.gif) repeat-x left top; }
#sidebar h2			
{
background-image: url(images/leftbox_top_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 184px;
    height: 30px;
	padding-top: 5px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: "Helvetica75";
    font-weight: bold;}
#sidebar .mod		{ border: 1px solid #CCC; border-top: 1px solid #CCC; background: url(images/bg-mod.gif) repeat-x left top #f0f0f0; }
#sidebar .mod h3	{ padding: 9px 15px; font-size: 1.5em; font-weight: bold; color:#000000;}
#sidebar ul			{ font-size: 1.3em; width: 180px; margin: 0px 1px 0px; padding-bottom: 10px; }
#sidebar ul li		{ border-top: 1px solid #DDD;}
#sidebar ul li.first	{ border-top: 0px solid; }
#sidebar ul	li a		{ color: #333; text-decoration: none; display: block; padding: 5px 5px; }
#sidebar ul	li a:hover	{ color: #FFF; text-decoration: none; background: #CCC;}



#add_options_menu			{ width: 650px; }
#add_options_menu h2			
{
background-image: url(images/leftbox_top_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 650px;
    height: 30px;
	padding-top: 5px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: "Helvetica75";
    font-weight: bold;}
#add_options_menu .mod		{  }
#add_options_menu .mod h3	{ padding: 9px 15px; font-size: 1.5em; font-weight: bold; color:#000000;}
#add_options_menu ul			{ font-size: 1.3em; width: 650px; margin: 0px 1px 0px; padding-bottom: 10px; }
#add_options_menu ul li		{  }
#add_options_menu ul li.first	{ border-top: 0px solid; }
#add_options_menu ul	li a		{ color: #333; text-decoration: none; display: block; padding: 5px 5px; }
#add_options_menu ul	li a:hover	{ color: #FFF; text-decoration: none; background: #CCC; }




/* END OF - Sidebar
--------------------------------------------------------------------------------------- */


/* The following code operates the pop-up boxes in view_memorial.php
--------------------------------------------------------------------------------------- */
#cover {
display:none;
position:fixed;
//position: absolute;
left:0px;
top:0px;
background: url('images/gray_backgr.png') repeat;

width: 3000px !important;
height: 1200px !important;

z-index: 99;
}
iframe 
{
	display:none;
}
#flowers1 {display:none; vertical-align: middle; top:100px; height: auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flowers2 {display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flowers3 {display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}

#gift1{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#gift2{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#gift3{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#gift4{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#gift5{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}

#share_memorial{display:none; vertical-align: middle; top:100px; height:auto; width:300px; position:absolute; z-index:100; background:white; padding:10px; font:8pt tahoma; border:1px solid gray; left: 0; right: 0; margin-left: auto; margin-right: auto;}

/*- END OF - The following code operates the pop-up boxes in view_memorial.php
--------------------------------------------------------------------------------------- */

/*pagination style
_____________________*/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #77bbe8;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #77bbe8;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #77bbe8;
		
		font-weight: bold;
		background-color: #77bbe8;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
/* end of pagination style
-------------------------------------------*/