/*
  This should be the deafult css script used to set up a new branch
  =================================================================
  
  This script should be used to create the templates for all branches with a 
  branch code > 338.
  It seems to work well with IE and Chrome - reasonably ok with FF and also
  for the tablets as well.
*/

/* Step 1 - globally change and replace styles/572 to styles/<branch_code>
   =======================================================================
   There will be 6 changes made
*/
	
	
/* ============== General HTML page attributes across the system ==================== */
/* ================================================================================== */	



a {
}

a:hover {
	cursor: pointer;
}

p {

}		

table {

}		

h1 {
	line-height: 1em;
}

h2 {
    border-bottom: 1px dashed #721100;
	padding-bottom: 5px;
	line-height: 1em;
}


img {

}

b {
	font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

p {
	margin: 0px 0px 5px 0px;
}

table {

	width: initial;
}

th, td {
    border-top: 0px none #DDD;
	padding: 6px 6px;
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
}


/* this removed the yellow auto fill for chrome */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}


input[type="text"], input[type="password"], input[type="email"], textarea, select {
	max-width: 400px;
	max-height: 120px;
    padding: 3px 4px;
	border-radius: 3px;
	box-sizing: content-box;
    border: 1px solid #999
}


input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

body {

}

tbody {
    text-align: left;
}	
	
.text {
	color:#616161;
	font-family:Arial;
	font-size:12px;
}
		
a#back_button, a#back_to_hp_button {
	display: block;
	width: 155px;
	background-image: url(../../styles/572/images/mainpage/left_arrow.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #666666;
    text-align: right;
	text-decoration: none;
    padding: 5px 10px;
    margin-top: 55px;
    margin-bottom: 20px;
	font-size: 12px;

	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	border: 0px solid #ddd;
	box-sizing: content-box;
}

.margin5 {
    margin-top: 5px;
}

.margin10 {
    margin-top: 10px;
}

.margin15 {
    margin-top: 15px;
}

.margin20 {
    margin-top: 20px;
}

.center10 {
    margin: 10px auto;
}

.showerr {
    color: red;
}

.column_box_dark {
    width: 364px;
	margin-bottom: 10px;
    font-family: Arial;
}

.column_box {
	margin-bottom: 0px;
}

.column_box_bottom {
    margin-bottom: 10px;
}

.quotemark {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#accept_recipient_next, #manual_postcode, #btnPostcodeSelect {
    float: right;
}

#name_search:hover, #accept_recipient_next:hover, #accept_recipient_prev:hover, #back_to_hp_button:hover, #back_button:hover, #back2:hover, #back3:hover, 
#donation_button:hover, #manual_postcode:hover, #btnPostcodeSelect:hover, #donate:hover {
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}



/* ====================== End General HTML page attributes ========================== */


/* ============================ Page 1: Name Search ================================= */
/* ================================================================================== */
#name_system {
    width: 850px;			
    margin: 0px auto;
    margin-top: 20px;

}

#name_main_column {
    width: 740px;        /* about 100 less than #name_system width above */
	margin: 0px auto;

}

#name_search_form {
    margin-left: 180px;
}

#name_search {
    float: right;
}

#content #charges_link {
    font-size: 0.9em; 
    text-decoration: underline;
}

a#charges_link {

}

#list_names {
	width: 100%;
}

#list_names a{
	font-weight: normal;
    text-decoration: none;
	background-color: transparent;
}

#list_names a:hover{
	font-weight: normal;
    text-decoration: underline;
}

#list_names td{
	font-weight: normal;
	padding: 3px 6px;
}

#list_names td.bold.underline{
	font-weight: bold;
	font-size: 107%;
}


.l2d_charges {
    font-size: 11px; 
    padding-top: 24px;
    margin-top: 20px;
    text-align: center;
	line-height: 1.3em;
}

.paginate {
    float:right;
	font-size: 12px;
	margin-top: -11px;
 }
 
 .known_names {
    font-style: italic;
}


#showGAinfo {
  margin-top: 10px;
  width: 100%;
}

#showGAinfo h1 {
  font-size: 1.0em;
}

#whatisGA {
  margin-top: 10px;
  cursor: pointer;
}
.gacharges {
    font-size: 0.8em; 
    text-align: left ;
}
.gachargeshead {
  font-size: 0.8em;
  text-align: center;
}
#showGAimgcont {
  width: 600px;
  margin: 0 auto;
  margin-top: 20px;
  border: 1px solid blue;
}
/* ========================== End Page 1: Name Search =============================== */



/* =========================== Page 2: Tribute System =============================== */
/* ================================================================================== */
#tribute_system {
    width: 850px;               /* about 60px less than Wrapper */
    margin: 0px auto;
    margin-top: 20px;

}

#tribute_header_container {
    margin-top: 20px;
    margin-bottom: 30px;	
	height: 100px;  
}


#decNameAndDates {
  height: 90px;
  float: left;
  margin-top: 10px;
}

#decName h1{
	font-size: 38px;
    margin-top: -18px;
    margin-bottom: 6px;
	line-height: 1.2em;
}

#decDates h2, #decAge h2, #decCustom h2{
	font-size: 18px;
	margin-top: 0px;
}

#decAge {
display: none;
}
#decCustom {
display: none;
}

#summaryFuneralDetails {
	font-size: 1.0em;
	text-align: left;
	line-height: 1.2em;
	width: 358px;
	height: 100px;
	border: 1px solid #ccc;
	background: url(./events.jpg); /*Stock Photo: 2187932 */
	float: right;
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	padding-left: 5px;
	padding-top: 5px;
	color: #5a5a5a;
	box-sizing: content-box;
}

#buttonsContainer {
  border-bottom: 1px dotted #721100;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#tribute_left_column {
	width: 464px; 
 	float: left; 
	padding-top: 17px; 
/*	text-align: justify; */
}

#tribute_right_column {
	width: 364px;
	float: right;
    padding-top: 0px;
	margin-top: 0px;

}


#beneficiaries {
}

#beneficiaries_heading {
}

.beneficiary_nomination_text {
	margin: 10px 0px;
}


/* control which nomination text version is displayed */
.beneficiary_nomination_text {display: none;} /* turns off all text variants */
#beneficiary_nomination_text_std {display: block;}  /* turns on just the standard text */



#beneficiary_list{
}

#beneficiaries ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#beneficiaries li {
	margin-left: 15px;
	margin-top: 10px;
	line-height: 1.1em;
	list-style: outside none disc;
}

#beneficiary_donation_breakdown{
}
#beneficiary_donation_breakdown_separator {
}
#beneficiary_donation_breakdown_separator:before {
	content: " - ";
}

#beneficiary_donation_total{
}



/*  - - - - - - - - - - - - - - tribute box - - - - - - - - - - - - - - - - - - */

#tributes {
}

#tributes_heading {
   margin-top: 40px;
   margin-bottom: 10px;
   text-align: center;
}

#marqueecontainer {
	position: relative;
	width: 364px; /*marquee width */
	height: 400px; /*marquee height */
	background-color: transparent;
	overflow: hidden;

	padding: 0px;
	padding-left: 0px;
    margin-bottom: 25px;
	margin-top: 10px;
}

#vmarquee {
    position: absolute; 
    width: 364px;
	color: #000000;
}

#vmarquee p{
	margin: 0px;
	padding: 0px;
}

.column_box_top img {
	display: none;
}

.column_box_bottom img {
	display: none;
}

.column_box_content {
	width: 340px;
	padding: 5px 10px; 
	margin: 10px 0px;
	
	background-color: #EAEAEA;
	border: 1px solid #D5D5D5;	
	border-radius: 5px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
	box-sizing: content-box;
}

.tribute_msg {
    min-height: 30px;
	margin-bottom: 18px;
    /* lines below are the ie6 hack */
    height:auto !important;
}

.donated_by {
    border-top: 1px solid #c8c8c8;
    text-align: left;
	padding-top: 5px;
}
.donated_by_anonymous {
}
#tribute_donation{
}
#tribute_donation_separator {
}
#tribute_donation_separator:before {
	content: " - ";
}



#in_memory_text {
	font-size: 0.9em;
}

#event_wording {
	padding: 3px;
	padding-top: 0;
  border-radius: 5px;	
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius: 5px;
  border: 1px solid #B2B1B1;
  box-sizing: content-box;
}


/*  ----------------------------buttons---------------------------------- */

#tribute_funeral_link a, #make_donate_button a, #print_tributes_button a, #donations_received_value {
	color: #ffffff;
	background-color: #b69f77;
	
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-family: Arial;
	box-sizing: content-box;
}

#tribute_funeral_link a:hover, #make_donate_button a:hover, #print_tributes_button a:hover, #share_button:hover{
	color: #ffffff;
	background-color: #dbc090;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);   /* Dark Shadow */
	/*	box-shadow: 0px 0px 7px rgba(255, 255, 255, 1);  white glow */
}

/* ---in case of alt arrow on hover  
#make_donate_button a:hover {
	background-image: url(../../styles/572/images/mainpage/right_arrow_h.gif);
}	*/


#tribute_funeral_link  {
   width: 850px; 
   text-align: left; 
   font-style: none;
   display: inline;
   margin-left: 70px;
}	

#tribute_funeral_link  a{
	padding: 7px;
	margin-left: 20px;
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}



#topDonateButton {
	float: right;
	margin-top: -5px;
}

#bottomDonateButton {
	margin-top: 20px;
}


#make_donate_button {
}

#make_donate_button a {
	display: block;
	position: relative;
	width: 338px;

	margin-left: 0px;
	margin-top: 1px;
	padding: 6px 20px 7px 5px;
   
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	z-index: 9999;
	
	background-image: url(../../styles/572/images/mainpage/right_arrow.gif);
	background-position: right 6px center;
	background-repeat: no-repeat;

/* ---------- IE8 fix ----------- */	
	background-position-x: 98%;
	background-position-y: center;
/* ------------------------------ */	
}


#print_tributes_button {
}

#print_tributes_button a {
	display: block;
	position: relative;
	float: right;
	width: 120px;

	margin-top: 10px;
	padding: 6px 25px 6px 2px;
   
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	
	background-image: url(../../styles/572/images/mainpage/printer.gif);
	background-position: right 6px center;
	background-repeat: no-repeat;

/* ---------- IE8 fix ----------- */	
	background-position-x: 98%;
	background-position-y: center;
/* ------------------------------ */	
}


#donations_received_value {
	display: block;
	position: relative;
	width: 338px;
	
	margin-left: 0px;
	margin-top: 1px;
	padding: 5px 12px 5px 13px;
   
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}

#share_button {
	margin-top: 4px;
	float: left;
	cursor: pointer;

	height:21px; 
	width:137px;
	background:url(../../images/facebook_logo.jpg) no-repeat top left;
}




/*  - - - - - - - - - - - - - - photo box - - - - - - - - - - - - - - - - - - */

#tribute_picture_frame {
	text-align: center;
	float: left;
	padding: 7px;
	margin: 4px 20px 7px 0px;
	
	background-color: #f3f3f3;
  	border: 1px solid #c2c2c2;
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	box-sizing: content-box;
}

#tribute_picture {
	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
	max-width: 250px;
	box-sizing: content-box;
}




/*  - - - - - - - - - - - - - - legacy photo box - - - - - - - - - - - - - - - - - - */

.rigid_legacy_photo {
	width: 125px;
	height: auto !important;
}

#deceased_pic {
    background-color: #F3F3F3;
    padding: 7px;
    border: 1px solid #C2C2C2;
    border-radius: 5px;
    height: auto !important;
    width: 125px;
}

.picture_frame_top img {
    display: none;
}
.picture_frame_bottom img {
    display: none;
}

.picture_frame {
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 7px;
}




/* ========================= End Page 2: Tribute System ============================= */


/* ========================== Page 3: Contact System =============================== */
/* ================================================================================== */
#contact_system {
    width: 900px;          /* about 100px less than Wrapper   */
    margin: 0px auto;
    margin-top: 20px;

}

#contact_main_column {      
    width: 800px;           /*  100px less than #contact_system width above   */
	margin: 0px auto;

}

#contact_form {
    margin-left: 0px;
}

#contact_form a {
}
#contact_form a:hover{
	text-decoration: underline;
}

#contact_form span {
    margin: 2px 0px 0px 10px;
	font-style: italic;
	font-size: 13px;
}

#donation_amountInfo {
    width: 300px;
	display: block;
}

#tellme {
    margin: 2px 0px 3px 10px;
}

#char_remain {
    background-color: transparent;
    border: none; 
    color: #666666;
	text-align: center;
	width: 25px;
	padding: 0px;
	/* vertical-align: middle; */
	display: inline;
	height: 15px;
}

.smalltext {
    font-size: 11px;
	line-height: 1.2em;
}

#contact_form td {
	vertical-align: middle;
}
#contact_form td.showerr{
    font-weight: bold;	
}

#contact_form textarea {
 width: 300px;
 height: 80px;
 font-size: 1em;
 font-family: arial;
 font-size: 0.9em;
}

.ga_no {
  background-color: #ffffff;
}
.ga_yes {
  background-color: #DBFBE2;
}
.ga_none{
  background-color: #ffffff;
}

.hmrc_statement{
	text-align: justify;
	margin: 10px 25px;
}

        /* -- buttons -- */
#accept_recipient_prev,
#accept_recipient_next {
  border: 0;
}	


/* ======================== End Page 3: Contact System ============================= */




/* ========================== Page 4: Address System ================================ */
/* ================================================================================== */
#address_system {
    width: 850px;
    margin: 0px auto;
	margin-left: 200px;
    margin-top: 20px;

}

#address_main_column {
    width: 600px;
    margin-left: 50px;
}

#address_form {
    margin-left: 0px;
    width: 600px;
}

#address_form  td{
    padding-left: 0px;
}

#address_form select {
    width: 350px;
}

#donation_button {
    margin-left: 217px;
	border-radius: 3px;	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
	background: #dddddd none repeat scroll 0% 0%;
	border: 1px solid #bbb !important;
	font-weight: normal;
	font-size: 14px;
	color: #555;
	padding: 8px 31px;
}

#nonuk {
	padding: 17px 0px;
}


        /* -- buttons -- */
#back2,                 /* back button */
#donation_button,       /* find button */
#btnPostcodeSelect ,    /* continue button on property list page */
#manual_postcode {      /* continue button on international page */
  border: 0;
}



/* ======================== End Page 4: Address System ============================== */



/* ========================= Page 5: Confirmation System ============================ */
/* ================================================================================== */
#confirmation_system {
    width: 750px;
    margin: 0px auto;
    margin-top: 20px;

}

#confirmation_main_column {
    width: 80%;				 /*  100px less than #confirmation_system width above   */
	margin: 0px auto;

}
#confirmation_form {
  margin: 0 auto;
}
#confirmation_system h2 {
    width: 580px;
	font-size: 1.1em;
}

#confirmation_system td {
	vertical-align: top;
}

#donate {
    float: right;
}

.l2dmsg {
    padding-top: 20px;
    font-style: italic;
    text-align: center;
}

#donate, #back3 {
    margin-left: 75px;
}
/* ======================= End Page 5: Confirmation System ========================== */



/* ========================== Page 6&7: Authorised/Failed System ============================= */
/* ================================================================================== */
#authorised_system, #failed_system {
    width: 850px;                /* keep #authorised_system widths and margins the same as #failed_system  (unless you need to change) */
    margin: 0px auto;
    margin-top: 20px;

}

#failed_header_container {
}

#authorised_container {
    margin-top: 20px;
}

#authorised_system h1, #failed_system h1{
}

#authorised_left_column, #failed_left_column {
	width: 400px;
	float: left; 
	padding-top: 10px;

}

#authorised_left_column h2, #failed_left_column h2 {
  margin-bottom: 20px;
  font-size: 1.4em;
}

#authorised_right_column, #failed_right_column {
	width: 364px;
	float: right;
	padding-top: 25px;
}


#authorised_right_column p, #failed_right_column p{
	color: #000000;
}

#authorised_left_column p, #failed_left_column p  {
   margin-bottom: 10px;
}

#thx_msg {
    text-align: left;
}

#thx_msg p {
   margin-bottom: 10px;
}

/* ======================== End Page 6&7: Authorised/Failed System =========================== */






/* ============================ Funeral Details ================================= */
#funeral_body {
  background-color: #ffffff;
}

#funeral_details_container {
  margin-top: 10px;	
  width: 630px;
  height: 600px;
  font-family: Arial, Times, serif;
  font-size: 0.9em;
  color: #474848;
}	

#funeral_details_container h1 {
   font-weight: 300;
   text-decoration: underline;
}

#funeral_name {
   font-size: 1.3em;
   border-bottom: 1px dotted #999999;
   width: 600px;
   margin-bottom: 15px;
}
	
#funeral_show_name {
  width: 300px;
  float: left;
}

#icons {
  width: 190px;
  float:right;
  margin-bottom: 10px;
}

#printit {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
}

#emailit {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  border: none;
}

#emailit img {
  border: none;
}

#closeit {
  float: right;
  padding-top: 5px;
  margin-top: 20px;
  margin-left: 10px;
}
	
#emailform {
  margin:0 auto;
  width: 400px;
  padding-left: 180px;
}
	
#emailform h1 {
  font-size: 1.0em;
  margin-left: 30px;
}

#emailform h1,
#funeral_directions h1 {
  font-family: Arial, Times, serif;
  color: #898b8c;
}
		
#horizontal_menu {
  width: 600px;
/*  margin: 0px auto; */
  text-align: center;

}

#horizontal_menu  li{
  display: inline;
  color: #898B8C;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid black;
}
#horizontal_menu .last_item{
border-right: none;
}
#horizontal_menu  a {
  color: #898B8C;
}
#horizontal_menu  a:hover,
#horizontal_menu  a:visited{
  color: #898B8C;
}	
	
#menu_line {
width: 600px;
     border-bottom: 1px dotted #999999;
	 margin-top: -10px;
}	
	
#locationTime {
  width: 600px;
}
#funeral_address{
   font-size: 0.9em;
   float: left;
}

#funeral_address h1 {
  font-size: 1.1em;
}	
	
#funeral_location {
font-size: 1.1em;
color: #898B8C;
margin: 0px auto;
width: 150px;
margin-top: 30px;
text-decoration: underline;
text-align: center;
margin-bottom: 20px;
}

#funeral_address span {
  text-decoration: underline;
  color: blue;
}

.showinfo {
  width: 250px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #E5E2E2;
}

#funeral_dates {
  font-size: 0.8em;
}
	
#map_canvas {
  width: 300px; 
  height: 300px;
  margin-top: 20px;
  float: right;
}	

/* ============================== End Funeral Details ============================== */
/* =============================== Tribute Only Page =============================== */

#speaker_button {
  outline: none !important; 
  border: none !important;
}


#tribute_padding {
  margin-top: 87px;
}

#tribute_back_button {
  margin-top: 160px;
}

.tribute_heading {
  margin-top: -40px;
}

#show_all_tributes {
  float: right;
}

.tribute_thanks {
  margin-top: 70px !important;
}

.tribute_column_box_content {
    background-image: url(../../styles/572/images/mainpage/tribute_column_frame_back.gif);
	padding: 5px 10px;        
}

.tribute_style {
   width: 300px;
   margin: 0 auto;
   border: 1px solid #EAEAEA;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   min-height: 85px;
}

.report_trib {
   float: right; 
   font-size: 0.7em; 
   font-style:italic;
}

.report_trib_button {
  outline: none !important; 
  border: none !important;
}

.being_reviewed {
  float: right; 
  font-size: 0.7em; 
  font-style:italic;
}

.tribute_statement {
  font-style: italic;
}

.display_tributes {
  width: 364px;
}

#report_trib_submit {
  float: right;
}

#show_tribs_button,
#print_tribs_button {
  outline: none !important; 
  border: none !important;
}

#print_tribs_button {
  float: right;
}

#show_tribs_button {
   font-wight: 600;
   text-transform: uppercase;
   font-size: 18px;
}

.tribute_msg {

}


#Slideshow {
  opacity: 1.0;              /* CSS3 */
  -moz-opacity: 1.0;         /* Older versions of Firefox */
  -khtml-opacity: 1.0;       /* Older versions of Safari */
  filter: alpha(opacity=100); /* Internet Explorer */
}
#Slideshow div {display:none;}
#Slideshow #slice1 {display:block;}


#show_gallery_button {
  outline: none !important; 
  border: none !important;
}
#gallery_container {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  cursor: default;
}

#gallery_body {
  width: 344px;
}

.gallery_photo {
   margin-bottom: 10px;
   padding-bottom: 5px;
   border-bottom: 1px solid #AAAAAB;
}

.gallery_photo_image {
   float: left;
   margin-right: 10px;
}

.delete_statement,
.default_statement,
.add_narrative_text,
#rotate_photo_gallery {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #DFE1E2;
  min-height: 80px;
  background-color: #FBEDEA;
  text-align: center;
}

.narrative_link{
  margin-bottom: 10px;
}

#rotate_photo_gallery {
  margin-left: 50px;
  margin-top: 20px;
  width: 250px;
}
  
.delete_statement_wording,
.default_statement_wording,
.rotate_statement_wording {
  margin-bottom: 5px;
  text-align: center !important;
}

#edit_obit_submit {
   margin-bottom: 20px;
   margin-top: 10px;
   float: right;
} 

.delete_photo_link,
.default_photo_link,
.narrative_link,
#edit_obit_button,
#show_upload_button {  
  outline: none !important; 
  border: none !important;  
}

.delete_photo_submit,
.default_photo_submit,
#rotate_photo_submit {
  float: right;
}

.delete_photo_link  img{
  margin-bottom: 10px;
}

#rotate_photo_link {
  outline: none !important; 
  border: none !important; 
  margin-top: -10px;  
  float: right;
}


.narrative_link {
  display: inline-block;
  margin-top: 10px;
}

.photo_narrative {
   min-height: 100px;
}

.add_narrative_text {
  margin-top: 10px;
  font-style: italic;
}

.tribmessage {
  font-family: Arial;
  font-size: 1em;
  width: 200px !important;
  margin-top: 5px;
  margin-bottom: 5px;
}  

#edit_obit_container {
  margin-left: 12px;
  margin-top: 20px;
  width: 385px;
}

#accept_trib_only_obit {
   width: 400px;
   font-family: Arial;
  font-size: 1em;  
}

#show_gallery_button {
  margin-right: 50px;
}

#show_upload_button {

}

#photo_submit_button {
  float: right;
  margin-top: 5px;
}

#photo_upload {
  margin-bottom: 20px;
 
}

#upload_container {
   width: 344px;
   min-height: 190px; 
   
}

#nok_login_container {
   width: 344px;
   min-height: 120px;
   float: right;
   margin-right: 300px;

   
}

#nok_login_form_container {
   width: 344px;
   min-height: 130px;
}

#nok_login_form_container p {
   text-align: center;
   margin-bottom: 10px;
}

#nok_login_details_form {
   margin-left: 40px;
}

#upload_container p {
  text-align: center;
  margin-bottom: 10px;
}

#nok_login  {
   width: 100px; 
   color: #ffffff;
   text-align: left; 
   font-style: none;
   display: inline;
   margin-left: 85px;
   font-size: 1.2em;
}	

#nok_login  a{
   float: right;
   text-decoration: none;
   color: #ffffff;
   background-color: #000066;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-family: Arial;
   font-size: 0.9em;
   font-weight: bold;
   
/*   	
border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
*/  
}

#nok_login_button {
  float: right;
  margin-top: -30px;
}

#close_nok_login_link {
  margin-top: 50px;
}
#input_userid,
#input_password {
  width: 150px !important;
  max-width: none;
}

#nok_logout_button{
   cursor: pointer; 
   cursor: hand;
}

#invalid_login {
  color: red;
  font-weight: bold;
}

#nok_logout_form {
  float: right;
  margin-top: -30px !important;
}

#nok_logout_button {
   background-color: #000066;
   color: #ffffff;
   border: none;
   padding-top: 3px;
   padding-bottom: 3px;
   
}

#bar_blank {
  border: solid 1px #D5D5D5;
  height: 20px;
  width: 300px;
  margin-left: 20px;
  margin-bottom: 10px;
  display: none;
}

#bar_color {
  background-color: #006666;
  height: 20px;
  width: 0px;"
}	

#hidden_iframe {
  display: none;
}

#photo_upload_errmsg {
  width: 400px;
  margin: 0 auto;
  color: red;
  font-weight: 600;
  text-align: center;
}

#file_too_large {
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
}

/* =============================== Print Tributes Popup Window =============================== */
.tribute_donor_details {
  font-weight: bold; 
  text-decoration: underline; 
  margin-top: 20px;
}

.tribute_icon {
  float: left; 
  margin-right: 10px;
}

.tribute_message_to_print {
  margin-top: -10px; 
  font-style: italic;
}
/* ===================================== Edit Campaign ======================================= */

#update_camp_container h1 {
  border-bottom: 1px dashed #005837;
  width: 400px;
  margin-bottom: 20px;
}

.updateField{
  width: 400px !important;
}

.updateLabel {
  width: 200px !important;
  margin-right: 20px;
  color: #005837;
}

.updateLabelError {
  width: 200px !important;
  margin-right: 20px;
  color: red; 
  font-weight: 600;
}

.updateFieldError {
  width: 400px !important;
  background-color: #FBDFE5;
}

#update_campaign_prev,
#update_campaign_next {
  border: none !important;
}

#update_campaign_next  {
   float: right;
}

#updateCampaignForm select,
#updateCampaignForm textarea {
  border: 1px solid black;
}

#updateCampaignForm textarea {
  margin-bottom: 20px;
}
/* ==================================== End Edit Campaign ==================================== */

/* ==================== This is for the MOBILE version of the tribute page =================== */
/* Use this to change the colour of the Donate / Facebook and Location buttons */
#l2d_mobile
#mobile_tribute_donate,
#l2d_mobile
#mobile_tribute_footer_facebook,
#l2d_mobile
#mobile_tribute_footer_directions {
  background-color: #b69f77;
}