/* =============================  */
/* WILLBLE 1.9.CSS                       */
/* v2.02  Last Update: 2011-06-27  */
/* =============================  */










html, body, p, div, span, table, form, img{  margin:0px;  padding: 0px;  font-family: Tahoma;  color:#000;  text-decoration:none; }
body{ background-color: #fff;background-image:url('../images/2whitebk.png');
  background-repeat:repeat-x; }
img { border: 0px; }
a { text-decoration:none; font-size:12px;color:#333;}
a:hover {color:#555;text-decoration:underline;}
.center{ margin-left:auto; margin-right:auto;}
#fullsize{}
.h{font-size:18px; color:#b46c6c;text-align:center;}

.login{margin-top:50px; text-align:center;}
.login_perms{margin-top:50px; text-align:center;}
.login_perms_mob{display:none;}
.login_button {  margin:10px 0px;  text-align:center;  }	
#loggedout_banner{
  width: 850px;
   text-align:center;
 margin:10px auto 0px auto; 
 font-size:12px;
 }
.page_img {
 text-align:center;
  margin:0px auto 0px auto; 
 
} 
 #loggedout_banner_mob{
  display:none;
 }
.join_button {
  
  margin:10px 0px;
  text-align:center;
  background: #0000CD;
  background: -moz-linear-gradient(top, lightblue, blue);
  background: -webkit-gradient(linear, left top, left bottom, from(lightblue), to(blue));
  border: 1px solid #333;
  color: #fff;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#4169E1', EndColorStr='#0000CD');
  font:  1.3em/20px Helvetica, Arial, sans-serif;
   padding:2px 12px 2px 12px;
    text-decoration: none;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  }	
@media only screen and (max-device-width: 1024px) {
  /* For smartphones */
   #jfmfs-friend-container {  height:30000px; } 
}
/*account manager*/
.fl{text-align:center;width: 50%;float:left;}
.fr{text-align:center;width: 50%;float:right;}
.box img{ padding:5px 5px 5px 5px;}
.inputbox{ text-align:left; margin:10px 0px 0px 10px;} 

.box{
    text-align:left;
	margin:15px 0px 0px 0px; 
	overflow:hidden;
	background: #F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}

.title{
    text-align:left;
   	width: 100%;
	height: 40px;
	color:#444;
	font-size:16px;
	 overflow:hidden;
	background: #d0d0d0 ;
}
.info{
   padding:0px 0px 10px 10px;
	width: 100%;
	text-align:left;
	 overflow:hidden;
	font-size:14px;
	background: #d0d0d0 ; }
 
/*start  header area */
#header {
 margin-left:auto;
 margin-right:auto;  
 margin-top:10px;
 margin-bottom:10px; 
  width: 900px;
  height: 100px;
 
}

#logo {
  float:left;
  background-image:url('../images/logo.png');
  background-repeat:no-repeat;
  height: 80px;
  width: 400px;
  margin:20px 0px 0px 0px; 
}

#logo2 {
  float:left;
  
  background-repeat:no-repeat;
  height: 100px;
  width:100px;
  margin:0px 0px 0px 100px; 
}

#header_nav_box{
  float:right;
  height: 100px;
  width: 450px;
}
#header_nav {  
 margin-bottom:10px;
  text-align:right;
  width: 400px;
  height: 20px; 
}
.wbl_time{
  font-size:12px;
  color:#333;
  padding:0px 20px 0px 0px; 
}
#member{
background:#eaeaea;
  border: 1px solid #777;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
	border-radius:8px;
  width: 400px;
  height: 62px;
  margin:0px 0px 0px 40px;
 
}
#member_pic{
  float:left;
  min-width:50px;
  height:50px;
  margin:4px 10px 5px 5px;
  border: 2px solid #999;
  -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
 overflow:hidden;
}
#member_name{
  float:left;
  width: 200px;
  height: 60px;
 margin:30px 0px 0px 0px; 
 text-align:left;
 font-size:12px;
 color:blue;
}
#log_button{
float:right;
  width: 100px;
  height: 60px;
 margin:20px 0px 0px 0px; 
 }
#log_button img:hover {
background:#777;
text-decoration:none;
}
#log_button a:hover {
text-decoration:none;
}
#log_button img {
margin:0px 5px 0px 0px;
}
/*start will _nav  */
#i_agreebt {
	text-align:center;
	font-size:16px;
	 margin:0px 0px 0px 320px;
}

.addbutton {
    border: none;
    background: url('/images/buttons/2dadd.png') no-repeat top left;
	 float:left;
  margin:6px 6px 0px 5px; 
   width: 32px;
  height: 32px;
}

.newadd{
color:#333;
font-size:12px;
  float:left;  
  height: 22px;
  margin:16px 0px 0px 0px;  
}
#outer_will_nav{
  height: 44px;
  margin:10px 0px 0px 0px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  background-color:#cbcbcb;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #eaeaea), color-stop(0.05, #cbcbcb), color-stop(1, #a4a4a4));
  background-image:-moz-linear-gradient(top, #eaeaea, #cbcbcb 5%, #a4a4a4);
  background-image:-o-linear-gradient(top, #eaeaea, #cbcbcb 5%, #a4a4a4);

}
#inner_will_nav{
   width: 900px;
  height: 44px;
 margin-left:auto;
 margin-right:auto;
 
}
.will_nav{
  float:left;
  width: 16%;
  height: 44px;
  margin:0px 0px 0px 0px;
  border-left:#888 solid 1px;
}
.will_nav img{
  float:left;
   height: 32px;
  margin:6px 6px 0px 5px; 
}

.will_nav span a{
color:#333;
  float:left;  
  height: 22px;
  margin:16px 0px 0px 0px;  
}
.will_nav:hover {
background:#fff;
text-decoration:none;
}
.will_nav_home{
  float:left;
  width: 1%;
  height: 44px;
  border-left:#888 solid 1px;
}

.show_count1{
 color:#333; 
}
.clear{
   display:block;
   clear:both;
    margin:16px 0px 20px 0px;  
}
.sub_nav{
    margin:0px 0px 20px 0px;  
    float:left;
   	width: 600px;
	text-align:left;
	color:#444;
	font-size:12px;
	padding-bottom:5px;
	background: #d0d0d0 ;
	border: 1px solid #888;
	 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
	
}
.sub_nav a{

padding:5px 0px 0px 10px;
}
.sub_nav_manager{
    margin:0px 0px 20px 0px;
    float:right;
   	width: 170px;
	text-align:center;
	color:#444;
	font-size:12px;
	padding-bottom:5px;
	background: #d0d0d0 ;
	border: 1px solid #888;
	 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
	
}
.sub_nav_mob{
   display:none;
}
#bod_grey{
  width: 100%;
  height: 100%;
  background:#e3e4e5;
   background-image:url('images/2greybke3e4e5.png');
  background-repeat:repeat-x;
  
}

.page{
   clear:both;
   margin:0px 0px 5px 0px; 
   text-align:center;
 color:#222;
 font-size:14px;
}
.page a{   	
	text-align:center;
	height:24px;
	color:blue;
	
	text-decoration:none;	
	
}
.page a:hover {
color:#444;
	
text-decoration:underline;
}
.edit_nav{
   clear:both;
   margin:0px 0px 10px 0px; 
  }
.edit_nav a{   	
	
	text-decoration:none;	
	
}
.latest_wbl{
	color:#444;
	font-size:12px;	
	text-align:left;
	height: 42px;
	width: 900px;
	margin:5px 0px 10px 0px;	
}
.latest_wbl img{  	
    border:#888 solid 2px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	border-radius:3px;
}
 #left_column{ 
  width: 220px;
  float:left;
  margin-top:10px;
  text-align:center;
}
.benne_box{
	float:left;
	padding-bottom:10px;
	text-align:left;
	min-height: 60px;
	width: 100%;
	margin:0px 0px 10px 0px;
	background: #F8F8F8 ;
	border: 1px solid #888;
	 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
    
}
.benne_bar{
   	width: 100%;
	text-align:center;
	color:#444;
	font-size:12px;
	padding-bottom:5px;
	background: #d0d0d0 ;
	 -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
	
}
.benne{
	float:left;
	text-align:center;
	height: 60px;
	width: 60px;
	margin:10px 5px 10px 5px;	
}
.benne img{  	
    border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
}
.benne a{   	
	text-align:center;
	height:24px;
	color:#444;
	font-size:11px;	
	text-decoration:none;	
}
.benne a:hover {
color:#444;
	font-size:11px;	
text-decoration:underline;
}

.benn_pic a{
	  	
	text-align:center;
	height:24px;
	color:blue;
	font-size:11px;	
	text-decoration:none;

} 
.benn_pic a:hover {
color:#444;
	font-size:11px;	
text-decoration:underline;
}
.comment_box{
	float:left;
	
	text-align:left;
	
	width: 200px;
	margin:0px 0px 10px 0px;
	background: #F8F8F8 ;
	border: 1px solid #888;
	 -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
    
}
.beta_box{
	float:left;
	padding: 5px 5px 5px 5px;
	text-align:center;
	
	width: 200px;
	margin:10px 0px 10px 0px;
	background: #F8F8F8 ;
	border: 1px solid #888;
	 -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
    
}
.user_info{
    float:right;
   	width: 120px;
	text-align:center;
	color:#444;
	font-size:11px;
	margin:10px 5px 0px 0px;
	
	
}
.center{
    
   	
	text-align:center;
	color:#444;
	font-size:11px;
	margin:5px 0px 5px 0px;
	
	
}
.content {
  word-wrap:break-word;
	 border:#888 solid 1px;
	width: 178px;
	background:#fff; 
	float: left;
	min-height: 30px;
	font-size: 11px; 
	padding: 5px 5px 5px 5px;
	margin:5px 0px 5px 5px;
} 
.user_img{
 float:left;
 	height: 50px;
	width: 50px;
    margin: 5px 5px 5px 10px;
    border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
}



#right_column{ 
  text-align:center;
  width: 560px;
  float:right;
  margin-top:20px;
}

/*   ADD/EDITING main area */
#bod_edit{ 
  width: 825px;
   min-height: 350px;
  margin-left:auto;
 margin-right:auto; 
  margin-top:10px;
 
  clear:both;
}
 #add_container{
	height: 500px;
	width: 800px;
    color:#444;
} 
#a_box{
	float:left;
	height: 475px;
	width: 150px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	background: #F8F8F8 ;
	border: 1px solid #888;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}
#a_box_mbsfr{
	float:left;
	height: 475px;
	width: 800px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	background: #F8F8F8 ;
	border: 1px solid #888;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}
.step_bar{
   	width: 100%;
	text-align:left;
	height: 30px;
	color:#444;
	font-size:16px;
	
	background: #d0d0d0 ;
}
.step_bar img{
    padding:6px 10px 0px 6px;
}
.step_bar_info{
    padding:0px 0px 0px 10px;
	width: 100%;
	text-align:left;
	height: 50px;
	font-size:12px;
	background: #d0d0d0 ;
}
.gifting{
    padding:10px 0px 0px 8px;
	width: 100%;
	text-align:left;
	height: 100%;
	font-size:12px;
	background: #d0d0d0 ;
}
.step_bar_image_info{
   padding:10px 0px 20px 0px;
	width: 100%;
	 overflow:hidden;
	background: #d0d0d0 ;
}	
.step_bar_info_left{
    float:left;
    padding:6px 0px 0px 0px;
	width: 50%;
	text-align:left;
	height: 50px;
	
}
.step_bar_info_right{
    float:right;
    padding:6px 0px 0px 10px;
	width: 40%;
	text-align:left;
	height: 50px;
	
}
.step_bar_edit{
   	width: 100%;
	text-align:left;
	height: 30px;
	color:#444;
	font-size:16px;
	
	background: #d0d0d0 ;
}
.step_bar_edit img{
    padding:6px 10px 0px 6px;
}
.step_bar_info_edit{
    padding:0px 0px 0px 10px;
	width: 100%;
	text-align:left;
	height: 50px;
	font-size:12px;
	background: #d0d0d0 ;
}	
.ibutton {
  background: #DEDEDE;
  background: -moz-linear-gradient(top, #FFF, #999);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#999));
  border: 1px solid #333;
  color: #222;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#999999');
  font:  1.3em/20px Helvetica, Arial, sans-serif;
   padding:2px 12px 2px 12px;
    text-decoration: none;
  text-shadow: 0px #FFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }
.ibutton:HOVER {
  background: #BEBEBE;
  background: -moz-linear-gradient(top, #DDD, #666);
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#666));
  border: 1px solid #B6B6B6;
  color: #444;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD', EndColorStr='#666666');
  text-shadow: 0 1px 0 #DDD;
  text-decoration:none;
}
.ibutton_blue {
  background: blue;
  background: -moz-linear-gradient(top, lightblue, blue);
  background: -webkit-gradient(linear, left top, left bottom, from(lightblue), to(blue));
  border: 1px solid #333;
  color: #fff;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#999999');
  font:  1.3em/20px Helvetica, Arial, sans-serif;
   padding:2px 12px 2px 12px;
    text-decoration: none;
  text-shadow: 0px #FFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }			
#image_box{
	height:210px;
	width: 150px;
	margin:0px 0px 0px 0px;
   overflow:hidden;
   text-align:center;
}
#upload_area{
	height: 160px;
	width: 150px;	
   overflow:hidden;
   text-align:center;
}
#upload_area img{
	
	width: 150px;	
   overflow:hidden;
   text-align:center;
}
#url_box{
	font-size:12px;
	width: 150px;
	margin:10px 0px 0px 0px;
   overflow:hidden;
   text-align:center;
}
#b_box{
	float:left;
	height: 475px;
	width: 200px;
	margin:0px 0px 0px 10px;
	text-align:center;
    font-size: 12px; 
	overflow:hidden;
	background: #F8F8F8 ;
	border: 1px solid #888;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}

#titlebox{
	text-align:center;
	width: 200px;
	height:40px;
	margin:10px 0px 0px 0px;
}
#relationbox{
	text-align:center;
	width: 200px;
	margin:10px 0px 0px 0px;
	height:40px;
}
#info_box{
	font-size: 12px; 
	width: 200px;
	color:#000;
	margin:10px 0px 0px 0px;
	height:90px;
}

#c_box_mob_mobsfr{
	float:left;
	height: 10000px;
	width: 400px;
	margin:0px 0px 0px 10px;
	overflow:hidden;
	background: #F8F8F8 ;
	border: 1px solid #888;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
	border-radius:8px;
}
#c_box{
	float:left;
	height: 475px;
	width: 400px;
	margin:0px 0px 0px 10px;
	overflow:hidden;
	background: #F8F8F8 ;
	border: 1px solid #888;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
	border-radius:8px;
}
#next_button{
     height: 24px;
	float:right;
	 margin:5px 20px 0px 0px;
	 font-size: 16px; 
}
#change{
     height: 24px;
	float:right;
	 margin:5px 20px 0px 0px;
	 font-size: 16px; 
}
.delete{
     font-family: Tahoma;
     height: 24px;
	 background: #ac6161;
	 color:#fff;
	 padding:0px 5px 0px 5px;
	 font-size: 16px;
	 border: 1px solid #333;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
}
/*  EDITING */
#friend_box{
	font-size: 12px; 
	margin:30px 0px 0px 0px;
}
#cancel{
     height: 24px;
	 background: #f8f8f8;
	 margin:0px 20px 0px 60px;
	 padding:0px 5px 0px 5px;
	 font-size: 16px;
	 border: 1px solid #333;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	border-radius:3px;
}
.prvcy_edit{
   	width: 100%;
	padding:7px ;
	text-align:center;
	height: 60px;
	color:#444;
	font-size:14px;	
	background: #d0d0d0 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	-border-radius:10px;
	margin:0px 0px 20px 0px;
}
/*START post to wall boxes*/
.mob_post_box{
  display:none;
}


.post_box{
	float:left;
	overflow:hidden;
	text-align:left;
	height: 300px;
	width: 200px;
	margin:10px 0px 0px 2px;
	background: #F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}
.option_bar{
   	width: 100%;
	padding:10px;
	text-align:center;
	
	color:#444;
	font-size:18px;
	
	background: #eaeaea ;
	border: 1px solid #888;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	-border-radius:3px;
	
}
.option_bar img{  	
    border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
}
.post_step_bar{
   	width: 100%;
	color:#fff;
	font-size:10px;
	padding:0px 0px 6px 0px;
	background:#3b5998
}
.post_step_bar img{
    padding:6px 6px 0px 6px;
}
.post_step_bar_info{
    padding:8px 0px 6px 0px;
	width: 100%;
	text-align:center;
	color:#fff;
	font-size:10px;
	background: #7a95cc ;
}	
.hidden_post_step_bar{
   	width: 100%;
	text-align:left;
	color:#111;
	font-size:16px;
	padding:0px 0px 6px 0px;
	background:#d0d0d0 ;
}
.hidden_post_step_bar img{
   padding:6px 6px 6px 6px;
}
.hidden_post_step_bar_info{
    padding:8px 0px 6px 0px;
	width: 100%;
	color:#444;
	text-align:center;
	font-size:12px;
	background:#efefef ;
}
.break{
	width: 100%;
	text-align:center;
	color:#fff;
	font-size:10px;	
}	


.post_names{
     
	 width: 200px;
	 margin:5px 0px 0px 10px;
	 color:blue;
     font-size:10px;
}
.post_main{
    
     height:80px;
	 width: 200px;
	 margin:10px 0px 0px 0px;	
}


.gift_pic_post{
     float:left;
     height: 67px;
	 width: 90px;
	 margin:0px 0px 0px 2px;
	 color:#000;
}
.item_info{
	overflow: hidden;
     float:left;
     height: 67px;
	 width: 105px;
	 margin:0px 0px 0px 3px;
	 color:#000;
     font-size:10px;
}

.save_private{
     width:200px;
	 height: 50px;
	 margin:0px 0px 0px 0px;
	 font-size:10px; 
	 text-align:center;
}
.post_button{
     float:right;
     height: 24px;
	 margin:10px 30px 0px 0px;
     font-size:14px;
	 text-align:center;
}
.prvcy{display:none;
    padding:10px 0px 0px 10px;
	width: 100%;
	text-align:center;
	height: 100%;
	font-size:12px;
	background: #d0d0d0 ;
	margin:30px 0px 0px 0px;
	clear:both;
}
.bottom_info{
    padding:10px 0px 0px 20px;
	width: 100%;
	text-align:left;
	height: 30px;
	font-size:10px;
	color:red;
	background: #;
	clear:both;
}		
/*END post to wall boxes*/

 /*  ALL ITEM VIEWS*/
 #bod_view{ 
  width: 820px;
   min-height: 350px;
  text-align:left;
  margin:10px 0px 0px 0px;
  clear:both;
 
}
/*expand div for image*/

.gift_container:hover {	height: 500px;}

.fullsize { float:left; clear:both; padding:10px 0px 0px 50px;} 

.fullsize img{
  
	border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
} 
/*index gift container crap hole*/
.index_gift_container {
    width: 540px;
    height: 80px;  
    margin:5px 0px 5px 0px;
	font-size: 12px;
	overflow: hidden;
	}
.index_benn_pic {
    float: left;
	padding:10px 0px 0px 5px;
	width: 54px;
	height: 80px;
	font-size: 10px;
	text-align:center;
} 
.index_benn_pic img{
	border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
} 
.index_gift_info { 
    width:175px;
    border:#888 solid 1px;
	float:left;
	height: 68px;
	text-align:left;
	padding: 5px 5px 5px 10px;
	overflow: hidden;
	background:#fff;
    margin:0px 10px 0px 10px;
}
.index_message { 
    border:#888 solid 1px;
	margin:0px 0px 0px 10px;
	width: 150px;
	background:#fff; 
	float: left;
	height: 68px;
	font-size: 12px; 
	padding: 5px 5px 5px 10px;
	overflow: hidden;
} 
.index_date_info { 
    width:520px;
    padding:4px 20px 4px 20px;
	background:#cbcbcb;
	font-size: 12px;
	overflow: hidden;
}
.index_gift_pic {
	float:left;
    width:92px;
	height: 78px;
	text-align:center;
	padding:0px 0px 0px 0px;
   	overflow: hidden;
        	
}
.index_gift_pic img{
	border:#888 solid 1px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	border-radius:3px;
}
  /*end index gift container crap hole*/ 
.outer_gift_container {
	width: 100%;
    margin:10px 0px 0px 0px;
	background:#eaeaea;
	border: 1px solid #999;
   -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
}
.gift_container {
	height: 80px;
	width: 800px;
        margin:5px 0px 5px 0px;
	font-size: 12px;
	overflow: hidden;
	
}

.editarea {
    float: left;
	height: 80px;
	width: 90px;
	padding:10px;
	background:#eaeaea;
}
.editarea_pre {
    float: left;
	height: 80px;
	width: 90px;
	padding:10px;
	
}
.gift_pic {
	float:left;
	width:92px;
	height: 78px;
	text-align:center;
	padding:0px 0px 0px 0px;
   	overflow: hidden;
        	
}
.view_gift_pic {
	float:left;
	width:92px;
	height: 78px;
	text-align:center;
	padding:0px 0px 0px 0px;
   	overflow: hidden;
        	
}
.view_gift_pic img{
	border:#888 solid 1px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	border-radius:3px;
} 
.gift_pic img{
	border:#888 solid 1px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	border-radius:3px;
} 

.gift_info {
        border:#888 solid 1px;
	float:left;
	min-height: 68px;
	text-align:left;
	width:250px;
	padding: 5px 5px 5px 10px;
	
	background:#fff;
        margin:0px 10px 0px 10px;
}
.benn_pic{
	float: left;
	padding:10px 0px 0px 0px;
	width: 54px;
	height: 80px;
	font-size: 10px;
	text-align:center;

	
} 
.benn_pic img{
	border:#888 solid 2px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
	border-radius:5px;
} 
.message {
        border:#888 solid 1px;
	margin:0px 10px 0px 10px;
	width: 215px;
	background:#fff; 
	float: left;
	min-height: 68px;
	font-size: 12px; 
	padding: 5px 5px 5px 10px;
	
} 
.date_info {
     
	width: 780px;
   padding:4px 20px 4px 20px;
  
	background:#cbcbcb;
	font-size: 12px;
	overflow: hidden;
} 
 .date_info_mob {
    display:none;
}  
 /* BUTTONS  */
.editbt{
    background: url(../images/buttons/2dedit.png) no-repeat;
    width:50px;
	height:32px;
    text-align:right;
	font-size: 14px;
    border:none;
    margin:0px; 
	display:block;
}
.editbt:hover{
      text-decoration:underline;
}
.dewillbt{
    background:url(../images/buttons/2dewillble.png) no-repeat;
    width:85px;
	height:32px;
    text-align:right;
	font-size: 14px;
    border:none;
    margin:0px 10px 0px 0px; 
	display:block;
}


.dewillbt:hover{
    text-decoration:underline;
}
.editprvcybt{
    
    width:174px;
	
    text-align:right;
	font-size: 12px;
    border:none;
    float: left;
	
}
.editprvcybt:hover{
      text-decoration:underline;
}
.unwillblebt{
    background:url(../images/buttons/2dunwill.png) no-repeat;
    width:90px;
	height:32px;
    text-align:right;
	font-size: 14px;
    border:none;
    margin:0px 10px 0px 0px; 
	display:block;
}
.unwillblebt:hover{
    text-decoration:underline;
}
.willblemebt{
    background:url(../images/buttons/2willbleme.png) no-repeat;
    width:90px;
	height:32px;
    text-align:right;
	font-size: 14px;
    border:none;
    margin:0px 10px 0px 0px; 
	display:block;
}
.willblemebt:hover{
    text-decoration:underline;
}  
 #dewill_button{
     height: 44px;
	 width: 100px;
	float:left;
	 margin:6px 0px 0px 0px;
}
#cancel_button{
     height: 44px;
	float:left;
	 margin:6px 0px 0px 10px;
	  color:#000;
     font-size:14px;
}

/*agreement stuff*/ 
.join_bar{
   	width: 100%;
	text-align:center;
	height: 30px;
	color:#444;
	font-size:18px;
	font-family:"Lucida Console", Monaco, monospace;
	background: #d0d0d0 ;
	border: 2px solid #999;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
	-border-radius:3px;
	
}
 

.privacy_box h2 {
	text-align:center;
	font-size:16px;
}
.privacy_box_big{ 
  float:left;
  width:800px;
 padding:10px 0px 0px 8px;
  margin:20px 0px 0px 0px;
 
 	color:#000;
	text-align:left;
	font-size:12px;
	background: #F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}
.privacy_box_big  h2 {
	text-align:center;
	font-size:12px;
}  
 /*  preview my will*/
 
/*  willheader   extra stuff here*/
.will_gift_container {
	height: 80px;
	width: 800px;
        margin:5px 0px 5px 0px;
	font-size: 12px;
	overflow: hidden;
	
}
#preview_will_header{
  width: 738px;
  height: 160px;
  margin:10px 0px 0px 0px;
  background-image:url('images/will_header.png');
  background-repeat:no-repeat; 
  border-bottom:#333 solid 1px;
} 

 #inner_header{
  float: left;
  text-align:center;
  font-size:30px;
  font-family:Algerian;
  width: 738px;
  height: 70px;
  margin:55px 0px 0px 0px; 
 }
 
#inner_header img{
 padding:0px 10px 0px 20px; 
}
#declare{
  clear:both;
  text-align:center;
  font-size:14px;
  font-family:Algerian;
  width: 738px;
}
#bod_preview{ 
  width: 738px;
  margin:20px 0px 0px 0px;
  text-align:left;
  border: 1px solid #666;
  background:#F0E8AD;
  background-image:url('images/bkparch2.png');
}

.message_pre{
	margin:10px 0px 0px 10px;
	width: 180px;
	border: 0px solid #aaa;
	float: left;
	height: 60px;
	font-size: 10px; 
	overflow: hidden;
} 
/* begin preview WILL bottom stuff  */
#bottombox {
	width: 680px;
	margin:10px auto 0px auto;
}
.residue {
	float:left;
	width:600px;
	padding: 10px 0px 0px 0px;
	clear:both;
    font-size: 16px; 
    font-family:Times New Roman, Times, serif;
}
/* begin living will */
#preview_lvwl_header{
  width: 738px;
  height: 160px;
  margin:10px 0px 0px 0px;
  background-image:url('images/living_will_header.png');
  background-repeat:no-repeat; 
  border-bottom:#333 solid 1px;
}
/* printable headers */
#print_header{
  position:relative;
  width: 738px;
  height: 160px;
  margin:10px 0px 0px 0px;

  
}
#print_inner_header{
  position:absolute;
  top:0px;
   text-align:center;
  font-size:30px;
  font-family:Algerian;
  width: 738px;
  height: 70px;
  margin:55px 0px 0px 0px; 
}
#print_inner_header img{
 padding:0px 10px 0px 20px; 
}
#lvwl_declare{
  clear:both;
  text-align:center;
  font-size:18px;
   font-family:Times New Roman, Times, serif;
  width: 660px;
  margin:0px 0px 0px 40px;
 
}
#lvwl_box {
	clear:both;
	 margin:10px 0px 0px 40px;
	width:660px;
	font-size:14px;
	text-align:center;
	 font-family:Times New Roman, Times, serif;
}
#bod_pub{ 
  width: 738px;
  margin:20px 0px 0px 0px;
  text-align:left;
  border: 1px solid #666;
  
}
.write_in_box1 {
	clear:both;
	float:left;
	width:600px;
	height:100px;
	padding: 5px 0px 0px 30px;
	overflow: hidden;
	border: 1px solid #555;
     background:#fff;
}
#will_footer_1 {
	clear:both;
	width:660px;
	padding: 20px 0px 0px 0px;
	text-align:center;
	font-size: 16px; 
    font-family:Times New Roman, Times, serif;
}
#bod_out{ 
  width: 800px;

  margin:20px 0px 0px 0px;
  text-align:left;
  
} 

#logged_out_box{
  width: 800px;
  height: 500px;
  background:#fff;
  margin:0px 0px 0px 0px;
}
#show{
  width: 500px;
  height: 400px;
  background:#fff;
  margin:0px 0px 0px 0px;
  float:left;
  
}
#side_box{
  width:300px;
  height: 400px;
    
  text-align:center;
	float:left;
}	
#welcome_bar{
   	width: 295px;
	text-align:center;
	height: 180px;
	color:#555;
	font-size:12px;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	background:#F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	-border-radius:10px;
	
}

.bigtype{   		
	color:#222;
	font-size:20px;		
}
#policy{
   	width: 295px;
	text-align:center;
	
	color:#555;
	font-size:12px;
	padding:10px 10px 0px 10px;
	margin:10px 0px 0px 0px;
	background:#F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	-border-radius:10px;
	
}	

/* begin WILLBLE STONE*/

.edit_box{
    float:right;
    text-align:left;
	margin:50px 0px 0px 0px; 
	padding: 30px;
	overflow:hidden;
	background: #F8F8F8 ;
	border: 2px solid #999;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
	border-radius:10px;
}
.stone_box{ 
  float:left;
  text-align:center;
  width: 450px;
  height: 400px;
  background: url('/images/stone/stone1.png') no-repeat top left;
}
.stone{
  font-family:Palatino Linotype, Book Antiqua3, Palatino;
float:right;
width:250px;
margin:100px 30px 0px 0px;  
}
.epitaph{
margin:10px 0px 0px 0px; 
  height: 90px;
  padding:0px 30px 0px 30px;
  font-family:Palatino Linotype, Book Antiqua3, Palatino;
  font-size: 12px;
}
.stone_pic{
  height: 100px;
}
.stone_pic img{
   border: 2px solid #333;
  -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
	border-radius:5px;
    height: 96px;
   text-align:center;
}
.stone_name{
   padding:10px 0px 0px 0px;
  text-align:center;
  font-size: 16px;
  font-family:Palatino Linotype, Book Antiqua3, Palatino;
}
.stone_date{
   padding:0px 0px 0px 0px;
  text-align:center;
  font-size: 12px;
  font-family:Palatino Linotype, Book Antiqua3, Palatino;
}	






	
 #foot {
  
  height: 22px;
  text-align:center;
  margin:20px 0px 0px 0px;
  font-size: 12px;
 
  color:#000;
  clear:both;
}
#foot  a{
   color:#000;
}
#foot a:hover{
     color:#555;
}