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

.connect_icons {
	width: 24px;
	height: 24px;
}

#page_holder_mem {
	padding-top: 10px;
}


#new_release_mark {
	position: absolute;
	background: red;
	color: white;
	padding: 5px;
	font-family: economica_bold;
	font-size: 1rem;
	border-radius: 5px;
	width: 55px;
	right: -5px;
	top: 0px;
	transform: rotateZ(-30deg);
	z-index: 100;
	text-align: center;
}



/* 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: 65%;
}


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



.itm_msg_plz {
	margin-top: 5px;
	margin-bottom: 5px;
	/* margin-right: 130px;  */
	margin-right: 15px;
}

.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 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#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;
	box-sizing: border-box;
}


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

#mem_holder {
	width: 19%;
	margin-left: 2%;
}


#mix_holder {
	padding-bottom: 25px;
	width: 19%;
	margin-left: 1%;
	background: white;
	padding-right: 5px;
	border: 1px solid #d3d3d3;
}

#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;
	margin-top: 15px;
	font-size: 1rem;
	font-weight: bold;
}

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

#mem_status_val_p {
	color: #61B329;
}

.prem_go_mem {
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #61B329;
	color: white;
	cursor: pointer;
}

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

.mem_val_box {
	margin: 5px;
	margin-left: 25px;
}

.prem_is_mem {
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	color: #61B329;
	border: 1px solid #61B329;
	border-radius: 3px;
	cursor: pointer;
}

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

.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: normal;
}

.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: "trebuchet MS", sans-serif;
	font-size: 14px;
	position: absolute;
	z-index: 1000;
	padding: 10px;
	BORDER: red 3px solid;    
	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: 400px;
	right: -410px; 
	top:   0px;
	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;
	cursor: pointer;
}

#version_holder:hover {
	background: orange;
}

.my_nav_actions  {
	position: relative;
	padding: 5px;
	font-size: 1.20rem;
	cursor: pointer;

	margin-left: 20px;
	margin-right: 0px;
	padding-left: 40px;
	margin-bottom: 20px;
}

#my_chat_holder {
	border: 2px solid navy;
	color: navy;
	border-right: 2px solid white;
}

#my_2b_holder {
	border: 2px solid orange;
	color: orange;
	border-right: 2px solid white;
}

#my_chat_holder:hover {
	background: navy;
	color: white;
	border-right: 2px solid navy;
}

#my_2b_holder:hover {
	background: orange;
	color: white;
	border-right: 2px solid orange;
}


#my_conversations  {
	border: 2px solid #45b3e0;
	color: #45b3e0;
	border-right: 2px solid white;
}

#my_conversations:hover  {
	background:  #45b3e0;
	color: white;
	border-right: 2px solid  #45b3e0;
}

#im_live_holder  {
	border: 2px solid #22c2cb;
	color: #22c2cb;
	border-right: 2px solid white;
}

#im_live_holder:hover  {
	background: #22c2cb;
	color: white;
	border-right: 2px solid  #22c2cb;
}

.ads_onnav_icons {
	width: 24px;
	height: 24px;
}

.my_action_icons {
	width: 50px;
	height: 50px;
}

.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: 100%; 
	top: 0;
	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 */


.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;
}

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

.mem_icon_holder {
	padding-top: 0px;
}

.mem_icon_holder_nop {
	cursor: auto;
}


.msg_post_details {
	color: gray;
	font-size: 0.75rem;
	margin-left: 10px;
}

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

.mem_poster {
	font-style: italic;
}

.post_date {
	color: #d3d3d3;
}



.msg_subject_new, .msg_subject_new_big {
	background: #d9e1e5;
	color: #004080;
	padding: 5px;
	margin-bottom: 5px;
	font-family: dosis_bld;
	font-size: 20px;
	border-radius: 3px;
}

.msg_subject_new_big {
	margin-bottom: 22px;
	margin-bottom: 5px;
}

.msg_bod_holder {
	margin-top: 5px;
	overflow: hidden;
	position: relative;
	font-family: dosis_med;
	font-size: 18px;
}

.msg_comm_holder {
	font-family: dosis_med;
	font-size: 16px;
}

.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;
}

.msg_comm_head, .msg_reply_head {
	padding: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	width: 80%;
}

.msg_reply_head {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 0.9rem;
	color: gray;
}


.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;
	margin-left: 10px;
}

.msg_comm_val:hover {
	background: #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: 5px;
	padding-left: 3px;
	padding-right: 3px;
	color: #45b3e0;
}


.number_holder_replies  {
	margin-left: 5px;
}

/* 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;
}

.text_area_wraper {
	position: relative;
}

.msg_comm_post {
	vertical-align: middle;
	position: relative;
	min-height: 50px;
	height: auto;
}


.msg_post_area, .rep_post_area {
	margin-top: 0;
	margin-left: 0;
	width: 90%;
	position: relative;
}

.rep_post_area {
	width: 79%;
}


.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;
}


.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;
}

.media_holder {
	text-align: center;
	margin: 5px;
}

.media_con {
	max-width: 640px;
	max-height: 480px;
	height: auto;
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}


.myVideo {
	width: 640px;
	height: 480px;
}


.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;
}


.stretch_area textarea {
    resize: none;
    overflow: hidden;
    min-height: 25px;
    max-height: 100px;
	border: 1px solid #7bc1f7;
}

.stretch_area_reply textarea {
    resize: none;
    overflow: hidden;
    min-height: 15px;
    max-height: 100px;
}

.stretch_area:focus {
	outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}


.image-float-right {
	float: right;
	margin: 5px;
}

.image_holder {
	margin-bottom: 10px;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #d3d3d3;
}

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


.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;
}

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

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


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

.mem_name_new {
	display: inline-block;
	color: #ff6500;
	margin-right: 5px;
	margin-left: 5px;
}

.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_body, .reply_body {
	padding-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

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

.reply_body {

}

.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;
	color: red;
	font-weight: bold;
}

/*  Buttons Only */


.blue_button_new  {
   font-family: arial;
   font-size: 0.90rem;
   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, .afd_cal_holder {
			border: 1px solid #1eb300;
			color: #1eb300;
			position: relative;
			cursor: pointer;
			height: 25px;
			margin: 10px;
			border-radius: 5px;
			padding: 5px;
}

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

.afd_cal_holder {
	margin-top: 50px;
	border: 1px solid #600080;
}

.afd_cal_holder:hover {
	background: #600080;
	color: white;
}

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

.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: 2px solid #d3d3d3;
	border-radius: 3px;
}

.ad_ban_holder  {
	text-align: center;
}

.ad_ban_holder:hover {
	border: 2px solid orange;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ad_txt_holder:hover {
	border: 2px solid orange;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.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 */

.text_area_holder {
	position: relative;
	width: 95%;
}

.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;
}

.q_area {
	background: #f8fcff;
	padding: 5px;
	width: 99%;
	color: #084e7d;  /* #36454f Charchoal  */
	font-size: 1rem;
	border: 1px solid #7bc1f7;
}

.q_area:focus {
	outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}


/*  END Emoji related */


.leaf_place_holder {
	width: 36px;
	height: 36px;
	opacity: 0.6;
}

.mem_left_plk_holder {
	width: 32px;
	height: 32px;
	margin-left: 5px;
}

#leaf_holder_mem {
	position: absolute;
	left: 5px;
	top: 5px;
}

#calendar_history {
	position: absolute;
	left: 5px;
	top: 5px;
	opacity: 1;
}

/* Feb/17/21: for controlling the Show_More based on set Height and JS control via share_show_more.js */

.itm_msg_wrap {
	position: relative;
	margin-bottom: 30px; /* needs to be this to allow for Show More Button which is positioned here via Absolute - if it is set to 5px via JS if no Show More */
	border: 1px solid #d9e1e5;
	border-radius: 3px;
	padding: 5px;
	padding-bottom: 30px;
}

.itm_msg_plz {
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}

.more_button_holder {
	position: absolute;
	border: 3px solid #00bfb5;
	border-radius: 3px;
	color: navy;
	padding: 5px;
	cursor: pointer;
	width: 30%;
	left: 35%;
	bottom: -20px;
	z-index: 100;
	background: white;
	text-align: center;
	display: none;
}

.more_button_holder:hover {
	background: #00bfb5;
	color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.media_holder {
	margin-top: 10px;
}

.media_con {
	max-width: 640px;
	max-height: 480px;
	height: auto;
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

/* Feb/17/21: End */

/* Sep/7/2: IM Related */

#im_mem_live {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #2288ee;
	color: white;
	border-radius: 50%;
	padding: 1px;
	text-align: center;
	font-size: 18px;
	margin-left: 5px;
	z-index: 10;
	display: none;
}

	#mob_log_out_butn {
		text-align: right;
		display: none;
		margin: 5px;
		padding: 5px;
	}

	.mob_log_out_box {
		display: inline-block;
		font-size: 1rem;
		border: 1px solid #d3d3d3;
		color: gray;
	}

	.mob_log_out_box:hover {
		background: #d3d3d3;
		color: white;
	}

	.link_icon_box {
		width: 20px;
		margin-left: 5px;
		margin-right: 10px;
		vertical-align: middle;
		display: inline-block;
	}


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


	.my_nav_actions  {
		font-size: 1.10rem;
	}


	#new_release_mark {
		right: -70px;
	}

	#mob_log_out_butn {
		display: block;
	}
}