.msg_com_count {
	right: 35px;
}

#admin_editor {
	position: fixed;
	font-family: "trebuchet MS", sans-serif;
	font-size: 16px;
	z-index: 1000;
	padding: 5px;
	BORDER: 3px solid orange;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 700px;
	left: 15%; 
	top:   15%;
}

.admin_holder {
	display: inline-block;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	text-align: left;
}

.admin_action {
	display: inline-block;
	border: 1px solid blue;
	margin-right: 15px;
	cursor: pointer;
	padding: 5px;
}

#admin_editor_txt {
	font-size: 1.1rem;
}

.admin_amin {	
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 2000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.comments_anim {
	text-align: center;
}

#page_holder, #page_holder_mem {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	background: #DCDCDC;
	font-family: "trebuchet MS", sans-serif;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

#page_holder_mem {
	padding-top: 10px;
}


/* For Error related actions ONLY */


#error_printer_head_con {
	margin-top: 10px; margin-left: 10px; margin-bottom: 15px;
}

#error_printer_head_labl {
	display: inline-block; padding: 5px; font-size: 22px; background: red; color: white;
}

.error_printer_items {
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	padding: 5px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
}

#error_list_uni {
	position: fixed;
	z-index: 2000;
	font-family: "trebuchet MS", sans-serif;
	font-size: 1.5rem;
	padding: 10px; 
	BORDER: 3px solid red;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-bottom: 10px;
	min-height: 200px;
	height: auto;
	top: 20%;
	left: 20%;
	width: 60%;
}


/*  General CSS - for all member pages and not just Home */



.mem_butt, .mem_butt_w_hyper {
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	padding: 5px;
	margin: 10px;
}

.mem_butt_w_hyper {
	cursor: pointer;
}

.mem_butt_w_hyper:hover {
	border: 1px solid red;
}

#jump_to_top {
	border: 1px solid orange;
	border-radius: 5px;
	padding: 5px;
	font-weight: bold;
	color: orange;
	cursor: pointer;
	margin-top: 20px;
	display: none;
}

#jump_to_top:hover {
	background: orange;
	color: white;
}

.hyper_foc {
	color: blue;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

.hyper_foc:hover {
	border: 1px solid blue;
	border-radius: 3px;
}


#main_holder, #mem_holder, #mix_holder, #show_holder, #mem_main_holder {
	font-size: 1rem;
	margin-left: 1%;
	display: inline-block;
	vertical-align: top;
	min-height: 550px;
	background: white;
	height: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	position: relative;
}


#main_holder {
	width: 55%;
	min-height: 650px;
	padding-bottom: 100px;
	background: #DCDCDC;
}

#mem_holder {
	width: 17%;
	margin-left: 4%;
}



#mem_main_holder {
	width: 75%;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 50px;
	box-shadow: 0 6px 4px -4px black;
}

#show_holder { 
	width: 71%;
	margin-left: 5%;
	min-height: 650px;
	padding-top: 20px;
	padding-bottom: 100px;
	background: white;
}

#mem_control_right {
	background: white;
	padding-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

#mem_tn_con, #visit_tn_con {
	position: relative;
	width: 100%;
	height: 50px;
	background: navy;
}

#visit_tn_con {
	background: orange;
}

.mem_tn_img, .mem_tn_img_no_clk {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
}

.mem_tn_img_no_clk {
	cursor: auto;
}

.section_head {
	padding: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	background: navy;
	color: white;
}

.not_loged_in {
	margin-top: 25px;
	padding: 5px;
	color: red;
	font-size: 1rem;
}

.log_in_link {
	text-align: center;
	margin-top: 10px;
}

#mem_info_con {
	margin-top: 15px;
	margin-left: 10px;
}

#mem_nick_con, #mem_nick_myself {
	font-size: 1.35rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 3px;
	text-align: center;
	color: #22cb8e;
}

#mem_nick_myself {
	color: navy;
}

#user_rank {
	color: purple;
}

#mem_status {
	margin-bottom: 15px;
	font-size: 1rem;
}

#mem_status_val_b, #mem_status_val_p {
	color: green;
	margin-left: 5px;
	font-style: italic;
}

#mem_status_val_p {
	color: blue;
}

.info_item_con {
	margin-top: 20px;
	font-size: 1rem;
}

.info_item_lbl {
	display: inline-block;
	font-weight: bold;
	margin-right: 1px;
}


.info_item_val, .info_itm_hlp {
	display: inline-block;
	font-weight: bold;
}

.info_itm_hlp {
	text-align: right;
}

.info_q_img {
	position: relative;
}

#my_con_vals {
	position: relative;
	border: 1px solid gray;
}


#my_conns_det {
	margin-top: 2px;
	margin-left: 20px;
	font-size: 0.75rem;
}

.info_pop {
	text-align: left;
	font-family: dosis_med;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	z-index: 4000;
	padding: 10px;
	BORDER: 3px solid #3399FF;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 500px;
	left: 70%; 
	top:   70%;
	cursor: help;
}


.new_msg_yes, .new_msg_no {
	border: 1px solid red;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
}	

.new_msg_no {
	border: 1px solid gray;
}

#version_holder {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #4CB5F5;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding: 5px;
	right: 0;
}



.my_icon_holder {
	position: absolute;
	left: -15px;
	top: -8px;
}



#don_aff_con {

	border-top: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	padding: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	color: navy;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}


.adv_mix_cls_fix {
	padding: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	color: navy;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;

	width: 15%;
	padding-right: 15px;
	position: fixed;  
	
	top: 2%;
	right: 5%;

}

.adv_mix_cls {

	border-top: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	padding: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	color: navy;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}



#conx_con {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	padding: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	color: navy;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
		margin-top: 10px;
	border-top: none;
	color: orange;
}



.con_sugg_holder {
	position: relative;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #d3d3d3;
	color: black;
	text-align: center;
}

.con_img_holder {

}

.con_mem_values {
	font-size: 0.85rem;
}

.con_mem_hed_holder {
	margin-top: 5px;
	margin-bottom: 5px;
}

.con_mem_hed {
	display: inline-block;
	font-weight: bold;
	font-size: 1.0rem;
	margin-right: 3px;
}

.con_mem_inner {
	margin-bottom: 5px;
	font-weight: normal;
}

.con_mem_view_holder {
	margin-top: 15px;
}

.con_mem_view {
	padding: 5px;
	border: 1px solid navy;
	border-radius: 3px;
	color: navy;
	display: inline;
	cursor: pointer;
}

.con_mem_view:hover {
	background: navy;
	color: white;
}

#adv_lbl_val {
	position: relative;
	display: inline-block;
	padding: 5px;
	color: white;
	background: navy;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}

#adv_message {
	position: absolute;
	z-index: 1000;
	padding: 5px;
	BORDER: 1px solid #87ceeb;    
	BACKGROUND-COLOR: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 350px;
	right: 5px; 
	top: 5px;
	cursor: auto;
}

#adv_message_head {
	margin-bottom: 5px;
	padding: 5px;
	font-size: 1.25rem;
	background: #16267D;
	font-weight: bold;
	letter-spacing: 2px;
}


.adv_message_item {
	padding: 5px;
	margin-bottom: 2px;
	border: 1px solid #667FB5;
	color: #667FB5;
	font-size: 1rem;
}

.adv_icon_holder {
	vertical-align: middle;
	margin-right: 2px;
	border-radius: 3px;
	display: inline;
}

#wrap_adv_buy_button {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 5px;
}

#adv_buy_button {
	font-size: 1rem;
	font-weight: bold;
	padding: 5px;
	border: 2px solid red;
	color: red;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
}

#adv_buy_button:hover {
	background: red;
	color: white;
}


.adv_item  {
	position: relative;
	border: 1px solid white;
	border-top: 1px solid #d3d3d3;
	padding: 5px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	display: flex;
}

.adv_item  {
	display: block;
	border-top: 1px solid none;
	background: white;
}

.adv_item img {
	max-width: 100%;
	 height: auto;
}

.adv_item:hover {
	border: 1px solid orange;
}

/*  Exported from home.php into here on Jan/8/19 */



#msp_post_top {
	background: #DCDCDC;
}

/* Remote Control ---  START */

#key_steps {
	position: fixed;
	z-index: 1600;
	right: 5%; 
	top: 20%;
	width: 26%;
	padding: 10px; 
	BORDER: 5px solid #6a7faa;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.detail_inside {
	BORDER: 3px solid orange;
	padding: 5px;
	font-size: 18px;
	margin-top: 10px;
	border-radius: 3px;
}

.detail_back {
	background: #6a7faa; 
	color: white;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
}

.detail_back:hover {
	color: #6a7faa;
	background: white;
	border: 2px solid #6a7faa;
}


.icon_holder {
	display: inline;
	margin-right: 5px;
}

/* Remote Control ---  END */

#mem_post_top {
	padding: 5px;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 5px;
	background: white;
	display: flex;
	font-size: 1.1rem;
	font-weight: bold;
}

#posted_intro, #num_viewed,  #posted_date {
	box-sizing: border-box;
}

#posted_intro {
	width: 50%;
	margin-left: 10px;
	text-align: left;
}

#num_viewed {
	width: 25%;
	text-align: left;
}

#posted_date, #posted_date_mob {
	width: 25%;
	color: #d3d3d3;
	font-size: 0.8rem;
	font-style: italic;
	text-align: right;
	margin-right: 10px;
}

#posted_date_mob {
	display: none;
	width: auto;
	text-align: left;
	padding-left: 5px;
}

.post_item_top, .post_key_top {
	padding: 5px;
	width: 40px;
	text-align: center;
	border: 1px solid #DCDCDC;
	opacity: 0.50;
	cursor: pointer;
	transition: opacity 0.25s;
	position: relative;
}

.post_key_top {
	width: 50%;
	font-size: 1.5rem;
	font-weight: bold;
	border: none;
	vertical-align: middle;
	opacity: 1.0;
	padding-bottom: 25px;
}

.post_item_top {
	margin-top: 5px;
}

.post_item_top:hover {
	opacity: 1.0;
	background: #DCDCDC;
}

.pop_message {
	position: absolute;
	text-align: left;
	font-size: 0.75rem;
	z-index: 1000;
	padding: 5px;
	BORDER: 1px solid orange;    
	BACKGROUND-COLOR: white;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 200px;
	right: -205px; 
	top:   20px;
}

.message_holder {
	margin-bottom: 15px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	box-shadow: 0 6px 4px -4px black;
	background: white;
}



.msg_top_holder {
	position: relative;
	display: flex;
}

.mem_icon_holder, .msg_post_details, .mem_icon_holder_nop {
	padding: 5px;
	vertical-align: top;
	position: relative;
	cursor: pointer;
	width: auto;
}

.mem_icon_holder {
	padding-top: 0px;
}

.mem_icon_holder_nop {
	cursor: auto;
}


.msg_post_details {
	width: 70%;
	color: gray;
	font-size: 0.75rem;
}

.detail_book_inner, .detail_book_inner_right {
	display: inline-block;
	font-style: italic;
}

.detail_book_inner_right {
	color: #d3d3d3; 
	font-style: italic;
	margin-left: 25px;
}

.item_order {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}


.post_date {
	color: #d3d3d3;
}



.msg_subject {
	font-size: 1rem;
	font-weight: bold;
	color: navy;
}

.msg_bod_holder {
	margin-top: 5px;
	overflow: hidden;
	position: relative;
}

.item_wait_anim {
	position: absolute;
	top: -20px;
	left: 5%;
	z-index: 2000;
	display: none;
}

.item_wait_anim_on {
	margin-top: 15%;
	margin-left: 50px; 
	display: block;
}


.like_holder, .like_holder_rpt {
	display: inline-block;
	margin-right: 45px;
	margin-left: 45px;
}

.like_holder_rpt {
	margin-left: 5px;
	margin-right: 5px;
}

.wrap_rel_ib, .wrap_rel_ib_wck {
	position: relative;
	display: inline-block;
}

.wrap_rel_ib_wck {
	cursor: pointer;
}

.msg_comm_val, .msg_comm_val_nk {
	display: inline-block;
	padding: 5px;
	cursor: pointer;
	position: relative;
	border: 1px solid white;
}

.msg_comm_val:hover {
	border: 1px solid #add8e6;
}

.msg_comm_val_nk {
	cursor: auto;
}

.msg_act_imgs {
	vertical-align: middle;
}

.number_holder, .number_holder_replies,  .number_holder_wck, .number_holder_replies_like, .number_holder_replies_rprt {
	display: inline;
	border: 2px solid #45b3e0;
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	color: #45b3e0;
	font-size: 16px;
	vertical-align: middle;
}


.number_holder_replies  {
	margin-left: 5px;
	font-size: 14px;
}

/* used in mem_connect.js post_likes()  */
.number_holder_replies_like {
	color: #0000ff;
}

/* used in mem_connect.js post_likes()  */
.number_holder_replies_rprt  {
	color: red;
}

.number_holder_wck {
	cursor: pointer;
}


.msg_com_count, .msg_rep_count {
	position: absolute;
	background: #fafad2;

	font-size: 0.75rem;
	padding: 2px;
	border: 1px solid #87ceeb;
	border-radius: 3px;

	width: 30px;
	height: 15px;

	display: none;
}

.msg_com_count {
	top: 100%;
	right: 35px;
}

.msg_rep_count {
	right: 25px;
	bottom: -18px;
}


.msg_post_butn, .reply_post_butn {
	position: absolute;
	top: 0px;
	right: -50px;
}

.msg_post_butn {
	font-size: 1rem;
}




.q_here, .reply_here {
	background: #f8fcff;
	padding: 5px;
	width: 95%;
	color: #084e7d;  /* #36454f Charchoal  */
	font-size: 0.9rem;
}



.hyper_effect {
	color: blue;
	border-bottom: 1px dotted blue;
	cursor: pointer;
}

.hyper_effect:hover {
	border-bottom: 1px dotted red;
}

.msg_comm_bod {
	font-size: 1rem;
	display: none;
	padding: 5px;
	margin-left: 25px;
}



.myVideo {
	width: auto;
}


.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	max-width: 640px;
	max-height: 480px;
}

.video-responsive iframe{
    height:100%;
    width:100%;
    position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}




.cap_holder {
	padding: 3px;
	font-size: 12px;
	color: gray;
	width: 110px;
}

.comments_anim, .replies_anim {
	margin-top: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.replies_anim {
	margin-top: 10px;
	width: 75%;
}

/* START: used by fetch_msg_likes */
.liked_by_head, .report_by_head {
	background: #45b3e0;
	color: white;
	padding: 3px;
	margin: 3px;
	margin-bottom: 5px;
	border-radius: 3px;
	font-size: 1.0rem;
}

.report_by_head {
	background: red;
}

.liked_by_end {
	margin-top: 10px;
	font-size: 0.90rem;
	font-style: italic;
	color: purple;
	text-align: center;
}

.user_link_holder {
	padding: 3px;
	margin: 3px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
}


.report_holder {
	display: inline-block;
	margin-left: 25px;
	font-style: italic;
	color: red;
}

/* END: used by fetch_msg_likes */

/* START: used by mem_connect  */

.likes_con, .reports_con {
	font-size: 1rem;
	position: absolute;
	z-index: 1000;
	padding: 5px;
	BORDER: 3px solid #45b3e0;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: navy;
	min-height: 50px;
	height: auto;
	min-width: 300px;
	width: auto;
	right: -300px;
	bottom: 10px;
	cursor: auto;
}

.reports_con {
	BORDER: 3px solid red; 
}

/* END: used by mem_connect  */

/* START: For Member Pop Up Window to show brief details about with link to their Profile page */
.arrow_box {
	font-size: 0.8rem;
	position: absolute;
	background: white;  /*  #88b7d5  */
	border: 4px solid #c2e1f5;
	z-index: 600;
	padding: 5px;  
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 325px;
	left: 100%;
	top: -40px;
	min-height: 150px;
	cursor: auto;
}

.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #c2e1f5;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #c2e1f5;
	border-width: 36px;
	margin-top: -36px;
}

.mem_act_holder {
}


/*  Stays */
.mem_values { /* for each line of the Member info in the Pop up buble */
	margin-top: 5px;	
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

/*  Stays */
.mem_info_lbl {/* for the Labels of the Member info in the Pop up buble */
	font-size: 16px;
	font-weight: bold;
	margin-right: 5px;
}
 

/*  Stays */
.my_social_net {
	position: relative;
	display: inline-block;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 10px;
}

.my_social_net:hover {
	border: 1px solid red;
}

/*  Stays */
.my_prof_visit {
	position: absolute;
	display: none;
	background: white;  
	border: 1px solid orange;
	z-index: 600;
	padding: 5px;  
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: left;
	width: 150px;
	right: -100px;
	top: -35px;
	font-size: 14px;
}


/*  Stays */
.donate_holder_1st, .donate_holder {
	margin-left: 10px;
	display: inline;
}

.donate_holder {
	margin-left: 2px;
}

/* END: For Member Pop Up Window to show brief details about with link to their Profile page */

/* for comments section as loaded by: load_comments.php or AJAX that loads the results from the Php */

.mem_comments, .mem_comments_jump {
	padding: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.mem_comments_jump {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mem_con, .reply_con, .mem_con_red, .reply_con_red {
	margin-bottom: 5px;
	background: #99cc99;	
	padding: 5px;
	border-radius: 3px;
	display: flex;
}

.reply_con {
	background: #add8e6;
	padding: 5px;
}

.mem_con_red, .reply_con_red {
	background: #ff4000;
	color: white;
}


.mem_tn_image, .mem_name, .comm_date_post, .mem_name_rep {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	font-size: 0.75rem;
}

.mem_name, .mem_name_rep {
	font-weight: bold;
	font-size: 0.85rem;
}

.mem_name_rep a:link {
	color: white;
}

.mem_name_rep a:visited {
	color: yellow;
}

.mem_name_rep a:hover {
	color: red;
}

.comm_date_post {
	font-style: italic;
	color: white;
	margin-left: 250px;
}



.comment_blocked {
	border: 3px solid red;
	border-radius: 3px;
	padding: 5px;
	font-size: 0.90rem;
	color: red;
	margin-bottom: 10px;
}



.mem_replies, .mem_replies_jump {
	margin-left: 15px;
	padding: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
}

.mem_replies_jump {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 1px dotted red;
	padding: 10px;
}

.comments_container {
	border-left: 1px solid #99cc99;
	border-right: 1px solid #99cc99;
	border-bottom: 1px solid #99cc99;
	padding: 5px;
}

.load_more_comm {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.post_button_more {
	font-family: Verdana;
	font-size: 1rem;
	cursor: pointer;
}

.post_button_more:hover {
	color: red;
}


.post_button {
	font-family: Verdana;
	font-size: 0.8rem;
	cursor: pointer;
}

.post_button:hover {
	color: red;
}

.report_item {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: black;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/*  Pop window to control what Items are Viewed  */

.order_pop, .order_pop_foot, .report_pop, .share_pop {
	position: absolute;
	font-size: 0.85rem;
	z-index: 100;
	padding: 5px;
	BORDER: 1px solid #87ceeb;    
	BACKGROUND-COLOR: white;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	width: 250px;
	right: -255px; 
	top:   10px;
}

.order_pop_foot {
	width: 300px;
	z-index: 105;
	background: orange;
	color: white;
	right: -25px; 
	top:   -25px;
}

.report_pop {
	BORDER: 1px solid purple;    
	width: 150px;
	right: -100px; 
	top:   100%;
}

.share_pop {
	BORDER: 3px solid orange;
	width: 450px;
	right: -350px; 
	min-height: 50px;
	top:   -65px;
	border-radius: 5px;
	font-weight: bold;
	z-index: 3000;
}

.order_item, .order_item_why, .report_selector {
	margin: 2px;
	padding: 5px;
	border: 1px solid #45b3e0;
	color: #45b3e0;
	cursor: pointer;
}

.order_item:hover {
	background: #45b3e0;
	color: white;
}

.report_selector {
	border: 1px solid red;
	color: red;
}

.report_selector:hover {
	background: red;
	color: white;
}

.order_item_why {
	border: 1px solid orange;
	color: orange;
	font-style: italic;
	position: relative;
}

.rpt_holder {
	position: relative;
	display: inline;
}

.pass_url {
	background: #fff0f5;
	padding: 5px;
	border: 1px solid navy;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: auto;
}

.mem_name_con {
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	padding: 5px;
}

.my_int_cat {
	display: inline-block;
	background:  #28b463;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	font-weight: bold;
}

.light_touch_info {
	display: inline-block;
	color: #d3d3d3;
	font-weight: normal;
}


/*  Buttons Only */


.blue_button_new  {
   font-family: arial;
   font-size: 1rem;
   padding: 5px;
   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
   font-weight:bold;
   text-align: center;
   color: #ffffff;
   background-color: #7c9bdc;
   border:1px solid #c0c0c0;
   -webkit-border-radius:5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-image: -webkit-linear-gradient(top, #7c9bdc, #2752a9);
   background-image: -moz-linear-gradient(top, #7c9bdc, #2752a9);
   background-image: -ms-linear-gradient(top, #7c9bdc, #2752a9);
   background-image: -o-linear-gradient(top, #7c9bdc, #2752a9);
   background-image: linear-gradient(to bottom, #7c9bdc, #2752a9);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#7c9bdc), to(#2752a9));
   cursor: pointer;
}


.blue_button_new:hover {
   background-color: #6a7faa;
   background-image: -webkit-linear-gradient(top, #6a7faa, #1b3977);
   background-image: -moz-linear-gradient(top, #6a7faa, #1b3977);
   background-image: -ms-linear-gradient(top, #6a7faa, #1b3977);
   background-image: -o-linear-gradient(top, #6a7faa, #1b3977);
   background-image: linear-gradient(to bottom, #6a7faa, #1b3977);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#6a7faa), to(#1b3977));
}



.green_button {
   font-family: arial;
   font-size: 1rem;
   padding: 5px;
   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
   font-weight:bold;
   text-align: center;
   color: #ffffff;
   background-color: #c1ed25;
   border:1px solid #c0c0c0;
   -webkit-border-radius:5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-image: -webkit-linear-gradient(top, #c1ed25, #7b9718);
   background-image: -moz-linear-gradient(top, #c1ed25, #7b9718);
   background-image: -ms-linear-gradient(top, #c1ed25, #7b9718);
   background-image: -o-linear-gradient(top, #c1ed25, #7b9718);
   background-image: linear-gradient(to bottom, #c1ed25, #7b9718);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#c1ed25), to(#7b9718));
   cursor: pointer;
}

.green_button:hover {
   background-color: #c5e065;
   background-image: -webkit-linear-gradient(top, #c5e065, #96b331);
   background-image: -moz-linear-gradient(top, #c5e065, #96b331);
   background-image: -ms-linear-gradient(top, #c5e065, #96b331);
   background-image: -o-linear-gradient(top, #c5e065, #96b331);
   background-image: linear-gradient(to bottom, #c5e065, #96b331);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#c5e065), to(#96b331));
}

/*  Affiliate & Donate buttons on right panel  */

.aff_don_holder {
	position: relative;
	cursor: pointer;
	height: 25px;
}

.aff_don_holder:hover {
	border: 1px solid orange;
}

.afd_icon_holder {
	position: absolute;
	top: 5px;
	left: 5px;
}

.afd_labl_holder {
	position: absolute;
	left: 35px;
	top: 10px;
}


/* This style is needed on all pages to keep this DIV hidden, but this ID is called by page news/profile_thumb_nail.php to display this DIV  */

#good_tn_notice {
	position: absolute;
	display: none;
	width: 350px;
	right: 0;
	top: 0;
}


.emphy_italy {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
}

/* for member_holder_left.php Book section   */

.afd_book_holder {
			border: 1px solid #1eb300;
			color: #1eb300;
			position: relative;
			cursor: pointer;
			height: 25px;
			margin: 10px;
			margin-top: 50px;
			border-radius: 5px;
			padding: 5px;
}

.afd_book_holder:hover {
			background: #1eb300;
			color: white;
}

.afd_book_icon {
			position: absolute;
			top: -7px;
			left: -7px;
}

.book_labl_holder {
			position: absolute;
			left: 50px;
			top: 5px;
			font-size: 1.10rem;
}


/* START Ad Panel Section on right side CSS */


.ad_ban_holder, .ad_txt_holder {
	position: relative;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
}

.ad_ban_holder  {
	text-align: center;
}


.txt_ad_wraper {
	cursor: pointer;
}

.txt_ad_brief_con {
	margin-bottom: 2px; 
}

.txt_ad_brief {
	display: inline;
	font-size: 13px;
	font-weight: bold;
	color: blue;
	border: 1px solid white;
}

.txt_ad_url_con {
	margin-bottom: 2px;
}

.txt_ad_url_lbl {
	font-size: 11px;
	display: inline-block;
	padding-left: 2px;
	padding-right: 2px;
	background: #4CB5F5;
	color: white;
}


.txt_ad_url_val {
	display: inline-block;
	color: green;
	font-size: 14px;
}

.re_txt_ad_bod {
	color: 	#696969;
	font-size: 13px;
}

.adv_name_val {
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
	background: #4CB5F5;
	color: white;
	position: absolute;
	left: 1px;
	top: 1px;
}


/* END Ad Panel Section on right side CSS  */


/*  START Emoji related */


.emo_val {
	position: absolute; 
	top: -11px; 
	right: -13px;
	cursor: pointer;
}

.emo_imgs {
	position: absolute;
	display: none;
	background: white;  
	border: 1px solid orange;
	z-index: 2000;
	padding: 5px;  
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 220px;
	right: 0;
	bottom: 100%;
	min-height: 130px;
	height: auto;
	font-size: 20px;
}

.emo_holder {
	display: inline-block;
	margin-left: 2px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: 1px solid white;
}

.emo_holder:hover {
	border: 1px solid orange;
}



/*  From share.php */



.label_val {
	color: green;
}


#bg_w_foto {
	position: relative;
	background: white; 
	background-repeat: no-repeat;  
	background-attachment: scroll;  
	background-position: 0% 0%;

	border-top: 5px solid  #A9A9A9;

	height: 95%;
    height: calc(100vh - 180px);
    object-fit: cover;
    overflow: hidden;
}

#cant_fetch {
	margin-top: 50px;
	margin-left: 50px;
}


#user_rank {
	font-size: 1.0rem;
	margin-top: 5px;
	font-weight: normal;
}


.result_pop_hld, .result_pop_yes, .result_pop_no {
	position: absolute;	
	display: none;

	text-align: left;
	font-size: 1.0rem;
	z-index: 1000;
	padding: 5px;  

	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 250px;
	right: -285px; 
	top:   -20px;
	border: 1px solid #A9A9A9;

	transition: opacity 1s;
}

.result_pop_hld {
	background: white;
}

.result_pop_no {
	background: red;
	color: white;
}

.result_pop_yes {
	background: green;
	color: white;
}

.admin_holder {
	text-align: center;
}

.icon_holder {
	vertical-align: middle;
	margin-right: 5px;
}


#msg_subject_top {
	font-size: 1.1rem;
	font-weight: bold;
	background: navy;
	color: white;
	padding: 5px;
}

#cat_holder_wrap {
	margin-top: 1px;
	margin-bottom: 10px;
}

#cat_holder {
	display: inline-block;
	border: 1px solid #d3d3d3;
	padding: 5px;
	border-radius: 5px;
	font-size: 0.75rem;
}	

#cat_holder_lbl {
	font-weight: bold;
	display: inline-block;
}

#cat_holder_val {
	font-style: italic;
	color: gray;
	display: inline-block;
	margin-left: 5px;
}


/*  From profile_update.php */


#info_pop_uni {
	font-size: 1.25rem;
	position: fixed;
	z-index: 2900;
	padding: 5px;
	padding-left: 10px;
	BORDER: 3px solid #4CB5F5;    
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: navy;
	min-height: 50px;
	height: auto;
	width: 50%;
	left: 25%;
	top: 25%;
}


#prof_top {
	BACKGROUND:  #4CB5F5; 
	color:  white; 
	padding: 5px;
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 15px;
}

#page_info {
	padding: 5px;
	border: 1px solid orange;
	border-radius: 5px;
	margin: 10px;
	margin-bottom: 15px;
}

.prof_req, .prof_req_no {
	display: inline-block;
	background: red;
	padding: 5px;
	color: white;
	margin-right: 5px;
}

.prof_req_no {
	background: #DCDCDC;
}


.prof_label, .prof_val, .prof_photo {
	display: inline-block;
	width: 25%;
	font-weight: bold;
	vertical-align: top;
}

.prof_val, .prof_photo {
	min-width: 40%;
	width: auto;
	padding-left: 10px;
	border-left: 1px solid gray;
	position: relative;
}

.prof_photo {
	vertical-align: middle:
}	


#sub_con {
	text-align: center;
}



.msg_com_count {
	right: -30px;
	bottom: 5px;
}

.missing_val {
	display: inline-block;
	padding: 5px;
	margin-left: 25px;
	background: red;
	color: white;
	font-weight: bold;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: opacity 0.5s;
}

.input_shorter {
	width: 60%;
}

.missing_prof {
	background: red;
	color: white;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.result_info {
	background: #f8fcff;
	color: navy;
	font-weight: normal;
	font-size: 1rem;
	margin-bottom: 10px;
	padding: 5px;
}

.font_big {
	font-size: 1.25rem;
}

.photo_place {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}

#photo_wrap {
	display: inline-block;
	position: relative;
}

/*  From Ask_discuss */

#open_image_upload {
	display: none;
	position: absolute;
	border: 3px solid gray;
	padding: 10px;
	border-radius: 5px;
	background-color: white;
	cursor: auto;
	min-height: 75px;
	z-index: 750;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 450px;
	left: 100%;
	top: -150px;
}

#image_loaded {
	display: none;
	position: absolute;
	border: 1px solid gray;
	padding: 5px;
	border-radius: 5px;
	background-color: white;
	cursor: auto;
	min-height: 100px;
	height: auto;
	min-width: 100px;
	width: auto;
	z-index: 700;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	left: 100%;
	bottom: 100%;
}

.head_back {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1.25rem;
	font-weight: bold;
	background-color: #2288ee;
	color: white;
}

.foot_note_rem {
	border: 2px solid red;
	font-size: 0.75rem;
	padding: 5px;
	margin-top: 5px;
}

.foot_note_rem_val {
	font-style: italic;
}

.photo_rules {
	margin-left: 15px;
	margin-top: 5px;
	border: 1px solid red;
	border-radius: 3px;
	padding: 2px;
}

.general_pop_close {
	right: -10px;
	top: -10px;
}

#anim_image {
	text-align: center;
	display: none;
}

.photo_button {
	font-size: 1.15rem;
}

.photo_button:hover {
	color: red;
}

#image_txt_holder {
	display: inline-block;
	margin-left: 10px;
}

#bg_w_foto {
	position: relative;
	background: white; 
	background-repeat: no-repeat;  
	background-attachment: scroll;  
	background-position: 0% 0%;

	border-top: 5px solid  #A9A9A9;

	min-height: 550px;
	height: auto;
    object-fit: cover;
    overflow: hidden;
}

#cant_fetch, #error_holder {
	margin-top: 50px;
	margin-left: 50px;
	display: inline-block;
}

#error_holder {
	vertical-align: top;
	font-size: 1.5rem;
	padding: 10px; 
	BORDER: 3px solid red;    
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	min-height: 200px;
	height: auto;
	width: 65%;
}

.mem_name_title {
	display: inline-block;
	color: orange;
	margin-left: 10px;
	font-style: italic;
}


/* Shared by share.php about Freinding pop up */

#Friend_res {
	position: absolute;
	display: none;
	font-size: 0.90rem;
	z-index: 1000;
	padding: 5px;
	BORDER: 2px solid #4CB5F5;
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 250px;
	left: 100%; 
	bottom:   100%;
}

#frnd_pop_head {
	background: #4CB5F5;
	color: white;
	padding: 5px;
	margin: 5px;
	font-size: 1.15rem;
	font-weight: bold;
}

#frnd_pop_bod {
	margin-left: 5px;
	position: relative;
}

#frnd_counter {
	position: absolute;
	background: #fafad2;
	font-size: 0.75rem;
	padding: 2px;
	border: 1px solid #87ceeb;
	border-radius: 3px;
	width: 30px;
	height: 15px;
	top: 100%;
	right: 0;
}

#frnd_sub, #Friend_res_anim {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#Friend_res_anim {
	display: none;
}

.gray_foot_small {
	font-size: 0.9rem;
	color: #d3d3d3;
}

.frnd_pop_yes {
	border: 2px solid orange;
	color: #4CB5F5;
	padding: 5px;
	margin: 5px;
	font-size: 1rem;
	font-weight: normal;
	cursor: normal;
}

/*  START Hamburger Control */

#nav_button_cnx {
	cursor: pointer;
	position: absolute;
	BACKGROUND-COLOR: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:  5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	z-index: 3000;
	left: 0px;
	top: 20px; 
	display: none;
}

#nav_button_ads {
	cursor: pointer;
	position: absolute; 
	background: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 5px;
	padding-left:  10px;
	padding-right:  10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	z-index: 3000;
	right: 0px;
	top: 20px; 
	color: white;
	font-size: 18px;
	font-weight: bold;
	display: none;
}




/*  END Hamburger Control */

.nav_icon_holder {
	width: 40px;
	height: 20px;
}

.nav_mem_holder_icon {
	width: 40px;
}


/* For Likes & Follows in member_holder_left_tzt */

.like_box {
	border: 1px solid #d3d3d3;
	padding: 5px;
	border-radius: 3px;
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	box-sizing: border-box;
}

.like_box_lbl {
	display: inline-block;
	font-weight: bold;
	font-size: 0.9rem;
	width: 60%;
	padding-right: 5px;
	border-right: 1px solid orange;
}

.like_box_val {
	display: inline-block;
	padding-left: 5px;
}

.not_liked {
	color: red;
}

.img_book_thumb {
	width: 28px;
	height: 28px;
	cursor: pointer;
	vertical-align: middle;
}

/*  START AD Section - This same class is defined in style_new.css so this over-rides it for My pages top display of Leader-Board Ad banner   */

.adv_top_holder_area {
	border: 2px solid white;
	width: auto;
	text-align: center;
	margin-bottom: 1px;
}

.adv_icon_label {
	left: 5px;
	top: 5px;
}


/*  END AD Section */

@media only screen and (min-device-width: 300px) and (max-device-width: 480px) {

	
	#posted_date, .mobile_ver_hide {
		display: none;
	}

	#main_holder {
		width: 98%;
	}

	.msg_comm_head, .msg_reply_head {
		width: 90%;
		margin-bottom: 10px;
	}

	#posted_intro  {
		width: 70%;
		font-size: 1rem;
	}

	#num_viewed  {
		width: 40%;
		font-size: 1rem;
	}

	#mem_post_top {
		margin-bottom: 1px;
	}

	#posted_date_mob {
		display: block;
		background: white;
		margin-bottom: 5px;
	}

	.like_holder, .like_holder_rpt {
		margin-right: 10px;
		margin-left: 10px;
	}

	.blue_button_new  {
		font-size: 0.9rem;
	}

	.text_area_holder {
		width: 90%;
	}

	.comm_date_post {
		display: none;
		border: 1px solid red;
	}

	#nav_button_cnx, #nav_button_ads, #mem_control_top_mob {
		display: block;
	}

	#mem_holder {
		margin: 0px;
		position: absolute;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		z-index: 1000;
		transition: left 1s;
		width: 250px;
		top: 40px; 
		left: -255px;
	}

	#mix_holder {
		margin: 0px;
		position: absolute;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		z-index: 750;
		transition: right 1s;
		width: 250px;
		top: 40px; 
		right: -255px;  
	}

	#prof_top {
		font-size: 1.25rem;
	}

	.show_when_mobile_il {
		display: inline-block;
	}
}