@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Changa+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unica+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nova+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Freckle+Face&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');

/* Main for all */
html { overflow-y: scroll; }
body {
	font-size:14px;
	color:#18222c;
}
body,p,td,tr,div,a,input,fieldset,legend,textarea,select,ul,li,h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,
.pre_code, .calendar_bx td, 
.cutebuttond, .cutebuttond a,  
.cuteinput, .cuteinput a,
.cbbutton, .feed_actionlink,
.cbbutton span,
.cbfeed,.cb,.cutebutton, .cutebutton a, 
.cutebuttondark, .cutebuttondark a,  
.slightydifferent,.lf_0,.lf_txa 
{
    /*font-family: Arimo, Helvetica, Arial, sans-serif;*/
    /*<link href='/images/fonts/Arimo/stylesheet.css' rel='stylesheet' type='text/css'>*/
    font-family: 'Open Sans', sans-serif;
    
    outline: 0px solid transparent;
}
b { font-weight:600; }

.tp-contentbody 
{
    min-width:700px;
    max-width:1000px;
    width:100%;
}

ul { padding-left:28px;  }

textarea,select,input,button { 
    font-size:14px; 
    color:#111111;
    margin-bottom:2px;
}

input { vertical-align:bottom; }
body { 
    height:100%;
	width:100%;
}
.small { 
    font-size:11px;
    color: #2D435C; 
}
.small a { 
    color: #144F84; 
}
.pre_code
{
    border:0px;
    font-size:12px; 
    overflow: auto; 
    text-align: left; 
    background-color:#000; 
    padding:4px 6px 4px 6px;
    margin-bottom:2px; 
    /*white-space: nowrap;*/
    white-space: pre-wrap;
    color:#ddd;
    line-height:12px;
}
.smallremovebutton
{
    font-size:10px;
    color: #2D435C;
    margin-top:3px;
    font-weight:normal; 
    color: black;
    margin-bottom:2px;
    padding-bottom:2px !important;
    width:60px;
}
.smallheader { 
    font-size: 10px;
    font-weight:bold; 
}
input.wemail { width:160px; box-sizing: border-box; }
input.submit,button,button.submit { 
    padding-top:2px;
    font-weight:bold;
}
input.submitbig,button.submitbig {    
    padding-bottom:0px;
    font-size:14px;
    font-weight:bold;
}
a { 
    text-decoration:none !important;
    color: #3965a6;
}
a:hover { 
    color: #7999b8;
    text-decoration:none;
}
.nb { border:0px !important; } /* no border on links */
hr {
    height:2px;
    background-color: #BFCBD7;
    border:0px;
    width:auto;
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.55);
    box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.55);
    */
}
.hide { display:none !important; }
.dota a {
    text-decoration:none;
    /*border-bottom:1px dotted #2e445a;*/
    line-height:18px;
}

.dota a:hover {
    text-decoration:none;
    /*border-bottom:1px dotted #7397B7;*/
}

.dotu {
    text-decoration:none;
    /*border-bottom:1px dotted #2e445a;*/
    line-height:18px;
    font-weight:600;
}

.dotu:hover {
    text-decoration:none;
    /*border-bottom:1px dotted #7397B7;*/
}

.dotub {
    text-decoration:none;
    /*border-bottom:1px dotted #2e445a;*/
    line-height:18px;
    font-weight:600;
    min-width:30px; 
    text-align:center;
}

.dotub:hover {
    text-decoration:none;
    /*border-bottom:1px dotted #7397B7;*/
}

.doto { /* orange */
    text-decoration:none;
    /*border-bottom:1px dotted #2D435C;*/
    line-height:18px;
    font-weight:600;
}

.dotp { /* purple */
    text-decoration:none;
    /*border-bottom:1px dotted #6C39A3;*/
    line-height:18px;
    font-weight:600;
}

.username
{ 
    font-size:13px;
    font-weight:700 !important;
    color:#365da5 !important;
    /* border-bottom:1px dotted #0E263F; */
    border-bottom:0px !important; 
    line-height:21px;    
}

.usernamebig
{ 
    font-size:14px;
    font-weight:700;
    color:#365da5 !important;
    line-height:18px;
    border-bottom:0px !important;
}

.usernamesmall, .usernamesmall a
{ 
    font-size:11px;
    font-weight:600;
    color:#888;
}

.usernamebig:hover,
.usernamesmall:hover,
.username:hover
{ color:#c68800 !important; }

.height2 { height:2px; font-size:2px; }
.height4 { height:4px; font-size:4px; } 
.height6 { height:6px; font-size:6px; } 
.height8 { height:8px; font-size:8px; } 
.height10 { height:10px; font-size:10px; } 
.height12 { height:12px; font-size:12px; }
.height14 { height:14px; font-size:14px; } 
.height16 { height:16px; font-size:16px; }
.height18 { height:18px; font-size:18px; }
.height24 { height:24px; font-size:24px; }

.nolinks, .nolinks a { text-decoration:none; }

.hand
{
	cursor:pointer;
}

.notallowed
{
    /* cursor:not-allowed; */
}
	
.accountmenulink { }
.accountmenulink a { text-decoration:none; }

.maintopspacer { height:18px; font-size:6px; }
.mainbottomspacer { height:14px; font-size:6px; }

.helpcenter
{
    font-size: 11px;
}

.edit_profile_description 
{
    width: 340px;
}

.epf_div { width:190px; float:left; }
.epf_div table tr td { vertical-align: top; }
.epf_div a {
    text-decoration:none;
    border-bottom:1px dotted #2e445a;
    font-weight:bold;
}
.epf_left { 
    width:80px;
    white-space:nowrap;
    vertical-align:top; 
    font-weight: bold; 
    text-align:right;
    padding:6px 0px 0px 0px !important;
}

.gallery_description { padding:0px; max-height:500px;overflow:auto; }
.gallery_description,.gallery_description div,.gallery_description p 
{
    font-size:15px;
    /* color:#314871; */
    color:#455361; 
    text-align:justify;
}

.gallery_description h3,.gallery_description h1,.gallery_description h2,.gallery_description h2,.gallery_description span
{
    font-size:15px;
    font-weight:normal;
}
.gallery_description a
{
    text-decoration:none;
    border-bottom:1px dotted #2e445a;
    line-height:18px;
}

.gallery_description_editarea 
{ 
    padding-top:5px;
    padding-left:4px;
    vertical-align:top;
    width:16px;
}

.hv { width:1px; height:1px; display:none; }

.gallery_description a,.gallery_description div a
{
    font-weight:bold;
}

.gallery_descriptionline
{
    height:2px;
    background-color: #BFCBD7;
    border:0px;
    margin-right:2px;
    margin-bottom:4px;
    margin-top:8px;
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.55);
    box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.55);
    */
}

.browse_submenu {  }
.browse_submenu a { text-decoration:none; line-height:18px; }
.browse_submenu span {  text-decoration:none; line-height:18px; }

.browse_submenu .browse_next, .browse_submenu .browse_next .pagelink_sel, .browse_submenu .browse_next .pagelink_usel { font-size: 11px; }
.browse_submenu, .browse_submenu a, .browse_submenu span { font-size: 14px; font-weight:600; }

body,div,dl,dt,dd,ol,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0px;padding:0px;
}
table {
    border-collapse:collapse;border-spacing:0px;
}
fieldset,img {
    border:0px;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;font-weight:normal;
}
caption,th  {
    text-align:left;
}

.br_srbody input[type="checkbox"] { height:14px; vertical-align:middle; margin:2px 2px 2px 2px; }
input[type="checkbox"] { height:14px; vertical-align:middle; margin:0px 2px 4px 2px; }
input[type='radio'] { vertical-align: baseline; }

textarea, .input, select, input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"]  
{ 
    /*border:1px solid #bbb;*/
    border:0px; 
    padding:5px; 
    background-color:#fffffe;
}

.bxsize 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;     
}

h1 { padding-top:0px; margin-top:0px; padding-bottom:6px; margin-bottom:6px; font-weight:bold; }
h2,h3,h4,h5 { padding-top:0px; margin-top:0px; padding-bottom:4px; margin-bottom:4px; font-weight:normal; }
h1 a,h2 a,h3 a { text-decoration:none; font-weight:normal; }

h1,h1 a {
    font-size: 15px;    
}
h2,h2 a {
    font-size:13px;
    font-weight:600;
}
h3,h3 a {
    font-size:12px;
}
q:before,q:after {
    content:'';
}
.signup_header {
    font-size:26px;
    font-weight:bol600;
}
.signup_free {
    font-size:18px;
    font-weight:600;
}
.h2bigger {
    font-size:18px;
    font-weight:bold;
}
abbr,acronym  {
    border:0;
}
p,li { text-align:justify; }

.memberlf { width:120px; padding-left:0px; padding-top:6px; vertical-align:top; font-weight: 600; text-align:right; padding-right:6px; }

.personi tr td { padding:3px; padding-top:4px;background-color:#f3f3f4; }
.personi tr td table tr td { padding:0px; }
.personi tr td.signuplf { padding-left:0px; padding-top:10px; vertical-align:top; font-weight: 600; text-align:right; width:130px; }

.mg_yellow tr td { padding:3px; color:#6F670E; }

/* Misc */
.header,.header a 
{
	font-size: 14px; 
    font-weight: 600;
}

.comment_bg, .comment_bg_blank { /* background-image:url(/images/gallery_commentbg.gif); background-repeat:repeat-x; background-color:#ebebec; */ padding-left:6px; }
.comment_bgbuttons_blank, .comment_body, .str_sds, .comment_bgbuttons, .comment_bg, .comment_bg_blank { font-size:13px; }
.comment_bgbuttons, .comment_bgbuttons_blank { padding-left:6px; }
.comment_header { color:#4b7297; height:24px; margin-bottom:-3px; margin-top:2px; padding: 2px 0px 0px 6px; line-height:18px; white-space:no-wrap; width:auto; } /* padding:2px 0px 0px 4px; */
.comment_body { padding:4px; padding-right:2px; background-color:#f9f9f9; margin-top:4px; line-height:18px; border-left:2px solid transparent; border-right:2px solid transparent; }
.details_header { background-color:#dcdee0;height:25px; font-weight:bold; }

.comment_email_bd8 { color:#444444;padding-left:7px;  word-break: break-word; white-space: normal; }
.comment_email_iright { text-align:right; padding-right:7px; } 

.datebox { padding-top:2px;height:24px; margin-left:0px; display:inline-block; }
.datebox span.grey { font-weight:600; font-size:12px; } /* Date style */
.smallgrey { font-size:11px;text-transform: uppercase;font-weight:600;color:#888888; }
.smallergrey { font-size:9px;text-transform: uppercase;font-weight:600;color:#888888; }
.feed_distance { padding-top:2px; margin-left:0px; font-weight:600; font-size:11px; color:#888888; }
.rel_r { font-weight:600; }
.seen { font-weight:600; font-size:11px; }
.date, .feed_desc_subscriber, .feed_distance, .rel_r, .datebox span.grey { text-transform: uppercase; font-size:11px; font-weight:600; }
.feed_desc_subscriber a { color: #888; } 

.wherebubble { }
.floatleft1 { float:left; }
.floatright1 { float:right; }

.icommented { border-left:2px solid #ffaf00; border-right:2px solid #ffaf00; } /* !important dec 2023 */
.opcommented { border-left:2px solid #64acf0; border-right:2px solid #64acf0; }
.ididntcommented { border-left:2px solid #4ca4ff; border-right:2px solid #4ca4ff; }
.iposted { border-left:2px solid #ffaf00; border-right:2px solid #ffaf00; }
.nobodycommented { border-left:2px solid transparent; border-right:2px solid transparent; }
.nobodyposted { border-left:2px solid transparent; border-right:2px solid transparent; padding:10px 0px 8px 8px; }

/* New password, profile, create gallery */
.signup_red { color: #aa0000; font-size:12px; font-weight:bold; }
.signup_green { color: green; font-size:12px; font-weight:bold; }

.emrr0 { color: #aa0000; }
.emrr1 { color: green; }

.bigred, bigred a {
	font-size: 17px;
	font-weight: bold;
	color: #B30A0A;
	text-align:center;
}

.bigblue, bigblue a {
	font-size: 19px;;
	font-weight: bold;
	text-align:center;
}

.mediumred {
	font-size: 15px;
	font-weight: 600;
	color: #930A0A;
	text-align:center;
}

.mediumred a {
	font-size: 14px;
	font-weight: 600;
	color: #7D0303;
	text-align:center;
	text-decoration:none;
	border-bottom:1px dotted #B30A0A;
}

.mediumred a:hover {
    color: #D22E2E;
	text-decoration:none;
}

.smallred a:hover {
    color: #D22E2E;
	text-decoration:none;
}

.smallred {
	font-size: 12px;
	font-weight: bold;
	color: #B30A0A;
	text-align:center;
}

.smallred a {
	font-size: 12px;
	font-weight: bold;
	color: #7D0303;
	text-align:center;
	text-decoration:none;
	border-bottom:1px dotted #B30A0A;
}

.nomargin { padding:0px;margin:0px; }
.center { text-align:center !important; }
.flexcenter { display:flex; align-items: center; justify-content: center; }
.right { text-align:right; }
.textcenter { text-align:center; }
.bold { font-weight: 600; }
.italic { font-style: italic; }
.floatleft { float:left; }
.clearboth { clear:both; }

#errorbox { 
    text-align:center;
	font-size: 18px;
	color: #000;
    background-color:#FDE5E5; 
    padding:6px; 
    font-weight:600;
    height:48px;
    width:100%;
    background:url(/images/error0bg.gif);
}

#errorbox table { width:100%; }
    
#errormessage {
    vertical-align:middle;
    height:48px;
    margin-left:auto;
    margin-right:auto;
}

.bigmessagebg
{
    background-color:#DDE2ED;
}

.bigmessage {
	font-size: 13px;
	font-weight: bold;
	background-color:#f3f3f3; 
	border:1px solid #cdcdcd; 
	padding:12px;padding-bottom:10px;
}

.bigmessagered {
    /*background-image: url(/images/error2bg.gif);*/
    background-color:#8e0000 !important; 
    border:1px solid #db0c0c;
	font-size: 13px;
	font-weight: bold;    	
	padding:12px;
	color:white;
}

.bigmessageyellow {
	font-size: 13px;
	font-weight: bold;    	
    background: #E4DFA8;
    background: url(/images/error0bg.gif) repeat-x;
	border:1px solid #dba83a;
	padding:12px;
	color:#694b09;
}
.bigmessagegreen {
	font-size: 13px;
	font-weight: bold;    	
    background: url(/images/error1bg.gif) repeat-x; 
	border:1px solid #5d9025; 
	padding:12px;
	color:#4a7a17;
}
.bigmessagegreen p { color:#486B07; }
.bigmessagegreen a {
	font-size: 11px;
	font-weight: bold;    	
	color:#486B07;
}

.bigmessagegreen input.cutebuttonb { border-color:#37461A; }
.bigmessagegreen input.cutebuttonb, .bigmessagegreen input.cutebuttonb a { color:#F5F8EE; text-decoration:none; width:60px; }
.bigmessagegreen input.cutebuttonb:hover, .bigmessagegreen input.cutebuttonb a:hover { color:#F5F8EE; }

.bigmessagebluelight { background-color:#eee; text-align:center; margin-bottom:10px; margin-top:10px; padding:15px; border:1px solid #ccc; }
.bigmessagebluemed { background-color:#eee; margin-bottom:10px; padding:8px; border:1px solid #ccc; }
.passwordmessage { background-color:#eee; text-align:center; margin-bottom:5px; margin-top:5px; padding:10px; border:0px; /*border:1px solid #ccc;*/ height:60px; }

.marginauto { margin-left:auto; margin-right:auto; }

.bigmessagevoilet {
	font-size: 13px;
	font-weight: bold;    	
	background: #E4DCED; 
	border:1px solid #C1A8DC; 
	text-align:center;
	padding:12px;
	color:#8E61C2;
}
.bigmessageblue {
	font-size: 13px;
	font-weight: bold;    	
	background: #d9e0e9; 
	border:1px solid #CFD8E3;
	text-align:center;
	padding:12px;
	color:#43627D;
}
.bigmessagelightblue {
	font-size: 13px;
	font-weight: bold;    	
	/*background-color: #e2e4e9;*/ 
	border:1px solid #C0D8ED; 
	text-align:center;
	padding:12px;
	color:#2e445a;
	background-position:top; background-repeat:repeat-x;
}

.avatarborder { border:1px solid #2D435C; }
.smallitalic a, .smallitalic { font-size: 10px; font-style: italic; font-weight: normal; }
.smallitalic a { text-decoration:none; line-height:22px; border-bottom:1px dotted #2A649E; }
.smallmore a { text-decoration:none; border:0px; font-size:10px; font-weight: bold; }

.grey { color:#888888 !important; border-color:#bbb !important; }
.greyc { color:#cccccc !important; }

.browse 
{
	width:100%;
}
.browse td
{	
	width:25%;
}

.browse_mypicture
{
	width:100%;
}
.browse_mypicture_s td
{
    width:12%;
	text-align:center;
	padding-top:4px;
}

/*
.browse_mypicture_s td img { border:1px solid #96A5B4; padding:4px; background-color:#E7ECF3; }
.browse_mypicture_s td img:hover { border:1px solid #96A5B4; background-color: #DBE0E6; padding:4px; }
.browse_mypicture_l td img { border:1px solid #96A5B4; padding:4px; background-color:#E7ECF3; }
.browse_mypicture_l td img:hover { border:1px solid #96A5B4; background-color: #DBE0E6; padding:4px; }
*/

.browse_mypicture_l td
{
    width:25%;
	text-align:center;
	padding-top:4px;
}
.browse_next
{
    text-align:right; 
    padding-right:6px;
    margin-top:-1px;
    padding-right:6px !important;
    font-weight:600;
}
.browse_next a
{
	text-decoration:none;
	padding-right:1px;
    padding-left:1px;
	margin-right:2px;
    margin-left:2px;
    font-weight:600;
}
.browse_next a:hover
{
	background-color:#d6d6d6;
    color:#303030;
	padding-right:3px;
    padding-left:3px;
	margin-right:0px;
    margin-left:0px;
    font-weight:600;	
}

.feeds_nexturl { text-align:right; display:inline-block; margin-left:8px; }

/* Main Page */
.botcm a {
	text-decoration:none;
	line-height:21px;
	border-bottom:1px dotted #2e445a;
	font-weight: 600;
}

/* End main page */

.b1l { border:1px solid #DEE7F1; } /* light */
.b1b { border:1px solid #e5e5e5; background-color:#e5e5e5; }
.b1o { border:1px solid #917D50; }
.b1y { border:1px solid #BED298; }
.b1v { border:1px solid #C9B8DD; }
.b0b { border-bottom:0px !important; }
.h1b { border:1px solid #b1b8c1; padding:4px; background-color:#e5e5e5; } 
.h1w { border:1px solid #b1b8c1; padding:4px; background-color:#EFF3F7; } /* White background */
.h1c { border:1px solid #B4B4B4; padding:4px; background-color:#E0E0E0; }
.h1v { border:1px solid #D2C5E1; padding:4px; background-color:#EFEBF4; }
.h1g { border:1px solid #B7C898; padding:4px; background-color:#E2EBD2; }
.b2b { border:1px solid #e6e6e7; }

.upla a { border-bottom:1px dotted #400A7A; text-decoration:none;font-size:12px; font-weight:bold; }
.upla a:hover { }

.menuheader { font-size:14px; font-weight:bold; padding-bottom:10px; }
.menuheader a { font-size:14px; font-weight:bold; text-decoration:none; border-bottom:1px dotted #2e445a; }
.menuleftheighter { height:70px; }

#bd_photoboxeslinks,#bd_photoboxeslinks a { font-weight:bold; font-size:11px; }
#bd_videoboxeslinks,#bd_videoboxeslinks a { font-weight:bold; font-size:11px; }
#bd_photoboxeslinksbot,#bd_photoboxeslinksbot a,#bd_photoboxeslinkstop,#bd_photoboxeslinkstop a  { font-weight:bold; font-size:11px; }
#bd_videoboxeslinksbot,#bd_videoboxeslinksbot a,#bd_videoboxeslinkstop,#bd_videoboxeslinkstop a { font-weight:bold; font-size:11px; }
#bd_photoboxeslinksbot { width:auto; text-align:right; padding-top:8px; }
#bd_videoboxeslinksbot { width:auto; text-align:right; padding-top:8px; }
#bd_photoboxeslinkstop { width:auto; text-align:right; }
#bd_videoboxeslinkstop { width:auto; text-align:right; }

/*
.bd_photoheaderfooter {
	border:1px solid #BFBB96;
	background-color: #D7D3AF;
	height: 4px;
	font-size:1px;
	margin-top:6px;
	width:auto;
}

.bd_videoheaderfooter {
	border:1px solid #A8BC82;
	background-color: #BFD09D;
	height: 4px;
	font-size:1px;
	margin-top:6px;
	width:auto;
}
*/

/* Photo thumbnails */
#bd_pboxes
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

#bd_pboxes li
{
	cursor: move;
	float: left;
	margin: 7px 8px 0px 0px;
	padding: 5px 5px 2px 5px;
	background-color:#eeeeef;
	text-align:center;
}

#bd_pboxes li img
{
    /*border:1px solid #C2CDDA;*/
}    

#bd_pboxes li div
{
    width:auto; /* width:192px; Sept 2020 */
    /* height:200px; */
    text-align:center;
}

#bd_pboxes li a
{
    font-size:10px;    
}

/* Video thumbnails */
#bd_vboxes
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:100%;
}

#bd_vboxes li
{
	cursor: move;
	float: left;
	margin: 7px 8px 0px 0px;
	padding: 5px 5px 2px 5px;
	background-color:#eeeeef;
	text-align:center;
}

#bd_vboxes li img
{
    /*border: 1px solid #C2CDDA;*/
}

#bd_vboxes li div
{
    width:230px; /* width:192px; Sept 2020 */
    /* height:135px; */
    text-align:center;
}

#bd_vboxes li a
{
    font-size:10px;    
}

#bd_vboxes  
{ 
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
}
#bd_vboxes li div
{
    width:auto; /* width:192px; Sept 2020 */
}

#bd_pboxes  
{ 
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
}
#bd_pboxes li { margin-right:6px; }

/* Related videos */
.rel_0 { font-weight: 600; width:auto; margin:auto; }
.rel_1 { padding-bottom:4px; padding-top:4px; font-weight: bold; width:117px; margin:auto; color: #394E61; }
.rel_1 a { font-weight: 600; margin:auto; }
.rel_2 { padding-bottom:4px; font-weight: 600; width:auto; margin:auto; color: #444444; padding-right:4px; padding-left:4px; }
.rel_2 a { font-weight: 600; margin:auto; }
.rel_3 { padding-bottom:4px; font-weight: 600; width:107px; margin:auto; color: #2D435C; }
.rel_3 a { font-weight: 600; margin:auto; }
.rel_0, .rel_1, .rel_1, .rel_2, .rel_2, .rel_3, .rel_3 a { font-size: 13px; font-weight: 600; }
.rel_2q { padding-top:0px;  margin-left:4px; vertical-align:top; padding-right:4px; min-height:200px; font-weight: bold; }
.rel_2q a { font-size:13px; font-weight:bold; }
.rel_pp1 { line-height:21px;width:138px;overflow:hidden;height:21px;font-size:14px; }

.mvbdt,.mvbdt a { color:#6C39A3; } /* More from this user */
.mvbdr,.mvbdr a { color:#517016; } /* Related */
.rel_1 rel_a a,.rel_1 a,.rel_1 rel_h a,.mvbdt a { color:#394E61; }
.rel_3 rel_a a,.rel_3 a,.rel_3 rel_h a { color:#06355E; } /* Related Content */
.rel_3 { color:#094274; }
.rel_a { color: #888888; font-size: 13px; }
.rel_a a { text-decoration:none; /* border-bottom:1px dotted #394E61; */ font-size: 13px; font-weight:600; }
.rel_a a:hover { text-decoration:none; /* border-bottom:1px dotted #6C38A6; */ }
.rel_b {	
	font-size: 12px;
}
.rel_d {color: #222222; }
.rel_g {
	color: #000000;
	font-size: 12px;
	float:left;
}
.rel_h { width:78px; overflow:hidden; text-overflow: ellipsis; }
.rel_i { color: #606673; }
.rel_2 a { text-decoration:none; /* border-bottom:1px dotted #394E61; */ }
.rel_2 a:hover { text-decoration:none; /* border-bottom:1px dotted #6C38A6; */ }
.rel_2 div { color:#8888aa; }
.rel_h1 { width:78px; overflow:hidden; text-overflow: ellipsis; }
.rel_k { color:#990000; }
.rel_r { color:#888888; }
.rel_c {
    text-decoration:none;
    /* border-bottom:1px dotted #2e445a; */ 
}
.rel_dist { font-size: 10px; color:rgb(125, 133, 144); }

/* Gallery Details */
.vg_0 { /*border-bottom:0px; background-color:#dde1e6; march 2023 */ border-bottom:1px solid #e3e3e3; } /* background-color:#fcfcfc; */
.vg_0c { border:1px solid #d1d4d6; }
.vg_0 td { padding-bottom:6px; /*mar 2023*/ }
.vg_0a { border:1px solid #D0D0D0; background-color:#fcfcfc; }
.vg_0a td { }
.vg_1 { padding-top:6px;padding-left:8px; color: #666666; }
.vg_1 div { overflow:hidden; text-overflow: ellipsis; width:160px; }
.vg_1 div a { font-weight:600; color: #2e445a; }
.vg_3 { padding-top:6px; color: #666666; width:50%; }
.vg_3u { padding:6px; line-height:18px; vertical-align:top; }
.vg_3u a { font-weight:600; color: #2e445a; text-decoration:none; line-height:18px; } 
.vg_3u div { overflow:hidden; width:160px; }
.vg_3 a { font-weight:600; color: #2e445a; }
.vg_4 { padding-bottom:6px; color: #666666; width:50%; }
.vg_5 { padding-left:0px; padding-bottom:2px; color: #666666; width:80%; }
.vg_7 { width:100%; background-color:#fcfcfc; border-top:0px; }
.vg_8 { width:44%; text-align:center; background-color:#e8eaed; }
.vg_8c { color: #444444; font-weight:600; font-size:14px; }
.vg_9 { font-weight: 600; }
.vg_a { width:56%; text-align:left; background-color:#e8eaed; }
.vg_a a { font-size: 14px; text-decoration:none; border-bottom:1px dotted #2e445a; font-weight:600; }
.vg_a a:hover { text-decoration:none; border-bottom:1px solid #2273bD; }
.vg_a1 { padding:8px; background-color:#e8eaed; font-size: 14px; text-decoration:none; font-weight:600; }
.vg_a1 a { font-size: 14px; text-decoration:none; border-bottom:1px dotted #2e445a; font-weight:600; }
.vg_a1 a:hover { text-decoration:none; border-bottom:1px solid #2273bD; }
.vg_8a { background-color:#e8eaed; padding-left:4px; padding-top:8px; }
.vg_9a { text-align:left; background-color:#e8eaed; padding-left:4px; padding-top:8px; border-bottom:1px solid #D0D0D0;  }
.vg_9a a { font-size: 14px; text-decoration:none; border-bottom:1px dotted #2e445a; font-weight:600; }
.vg_9a a:hover { text-decoration:none; border-bottom:1px solid #2273bD; }
.vg_9b { width:46%; text-align:left; padding-left:4px; padding-top:8px; }
.vg_9b a { font-size: 14px; text-decoration:none; border-bottom:1px dotted #2e445a; font-weight:600; }
.vg_9b a:hover { text-decoration:none; border-bottom:1px solid #2273bD; }
.vg_b { padding:6px; text-align:justify; }
.vg_c { padding:2px; padding-left:8px;color: #666666; }
.vg_c a { font-weight:600; text-decoration:none; border-bottom:1px dotted #2e445a; }
.vg_d { width:100%; background-color:#fcfcfc; padding-top:4px; }
.vg_e { color: #666666; font-weight: 600; float:left; vertical-align:middle;}
.disabledlink {  color: #777777; font-size: 14px; text-decoration:none;  font-weight:600; border-bottom:1px dotted #777777; }
.vg_g { width:110px; vertical-align:top; text-align:center; }
div.vg_g1 { font-weight: 600; margin:auto; font-size: 10px; color: #2D435C; overflow:hidden; width:110px; text-overflow: ellipsis; }
div.vg_g1 a { font-weight: 600; font-size: 10px; }
div.vg_g2 { font-weight: 600; margin:auto; font-size: 10px; color: #2D435C; overflow:hidden; width:122px; text-overflow: ellipsis; }
div.vg_g2 a { font-weight: 600; font-size: 10px; }
div.vg_g3 { font-weight: 600; margin:auto; font-size: 10px; color: #2D435C; overflow:hidden; width:72px; text-overflow: ellipsis; }
div.vg_g3 a { font-weight: 600; font-size: 10px; }
div.vg_g4 { font-weight: 600; margin:auto; font-size: 9px; color: #2D435C; overflow:hidden; width:72px; padding:0px; margin:0px; text-overflow: ellipsis; border:0px; }
div.vg_g4 a { font-weight: 600; font-size: 9px; border:0px; padding:0px; margin:0px; }
div.vg_g4 a:hover { border:0px; padding:0px; margin:0px; }
.smn td div table tr td { padding:1px; }
.smo td div table tr td { padding:1px; }
.darkred { } /* Photo Preview and Video Preview H1 */

/* Browse and Search */
.rel_0 { font-weight: bold; width:88px;margin:auto; font-size: 11px; color: #2D435C; } 
.rel_b { font-size: 10px; }
.rel_d {color: #222222; }
.rel_h { width:78px; overflow:hidden;  text-overflow: ellipsis; height:14px; }
.rel_h1 {width:78px; overflow:hidden;  text-overflow: ellipsis; }
.rel_k {color: #990000; }
.rel_k {color: #990000; }
.rel_kg {color: #a96c00; }
.rel_k3 {color: #990000; font-size: 13px; font-weight:600; }
.rel_k3g {color: #a96c00; font-size: 13px; font-weight:600; }
.rel_h2 {width:78px; overflow:hidden;  text-overflow: ellipsis; }
.rel_h4 { width:110px; overflow:hidden;  text-overflow: ellipsis; }
.rel_h4a { width:100%; overflow:hidden; line-height: 16px; white-space: nowrap; height:26px; padding-top:10px; }
.rel_h4a a { text-decoration:none; } /* border-bottom:1px dotted #394E61; */
.rel_h4a a:hover { text-decoration:none; }
.rel_h5a { width:auto;text-overflow: ellipsis; }
.rel_h3 {color: #000000; }
.rel_p0 { vertical-align:top; }
.rel_h4b { width:350px; overflow:hidden; text-overflow: ellipsis; line-height: 16px; }

/* Profile */
.profilename {
	font-size: 20px;
	font-weight: bold;	
}
.rel_a1 {color: #333333; font-weight: bold; }
.rel_d1 {color: #222222; }

/* View gallery */
.glp { margin-left:10px; }
.glp td { width:166px; text-align:center; font-size:10px; }
.glp tr td a img { margin: 10px 0px 5px 0px; }
.glv { margin-left:30px; margin-top:10px; }
.glv td { width:194px; height:147px; text-align:center; font-size:10px; }
.glc img { margin: 20px auto auto 0px; }
.glc img:hover { margin: 20px auto auto 0px; }

.bd5 
{ 
    border:1px solid #C2CDDA; 
    background-color:#E7ECF3;
    
    /*
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    */
}
.bd4 
{ 
    border:1px solid #b1b8c1; 
    background-color: #E7ECF3; 
    padding:4px;
    
    /*
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    */
}
.bd5:hover,.bd4:hover { border:1px solid #b58212; background-color: #f2b224;  }
.bd6
{
    padding:4px;
    
    /*
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    */
    
    border:1px solid #b58212; background-color: #f2b224; 
}

/* Arrange Gallery */
.delb
{
    font-size:10px;
    color: black;
    margin-top:3px;
    margin-bottom:2px;
    padding-bottom:2px;
    font-weight:normal;
    width:60px; 
}

.delc
{
    font-size:10px;
    color: black;
    margin-top:0px;
    margin-bottom:2px;
    padding-bottom:1px;
    font-weight:normal;
    width:22px; 
}

/* Arrange Gallery */
.dela
{
    width:18px;
    font-size:1px;
    margin-top:2px;
    font-weight:normal;
    border:0px;
    padding:0px;
    cursor:pointer;
    background-color:#eeeeef;
}

/* Send email */
.profilebasic {width:100%; color: #666666; }

/* Read emails */
.em_basic { background-color:#fff; padding-bottom:2px;padding-top:6px; border-left:2px solid transparent; border-right:2px solid transparent; } /* border-bottom:1px solid #E2E2E7; */
.em_read { }
.em_unread { background-color: #ffeabd !important; border-left:2px solid #4ca4ff !important; border-right:2px solid #4ca4ff !important; } /* background-color: #ebebeb */
.em_replied { border-left:2px solid #ffaf00 !important; border-right:2px solid #ffaf00 !important; }
.em_sentitems { background-color: #F1F4F7 !important; }

.em_pt a { color:#3B2E00; }
.em_pd { padding:8px; vertical-align:top; width:80px; }
.em_pg { padding:8px; padding-left:0px;text-align:justify; vertical-align:top; cursor:pointer; } 
.em_sub { font-size:12px; font-weight:bold; }
.em_sub a { font-size:12px; font-weight:bold; }

/* Buttons */

/* <a class="cbbutton" href="/upload_b?selectid={$GID}"><i class="icons icorightm ico_edit hand"></i><span>Cancel All Uploads</span></a> */
/* <a class="cbbutton cbbuttonnoicon" href="/upload_b?selectid={$GID}" style="width:140px;"><span>Browse</span></a> */
.cbbutton, .feed_actionlink
{
    /* background-image:url(/images/cutebuttongr.gif); */
    background-color: #eceef2;
    text-align:center;
    color:#343434;
    display:inline-block;
    font-size: 11px;
    border:1px solid #cbcbcb;
    padding:4px;
    padding-top:5px;
    padding-bottom:3px;
    text-decoration:none;
    width:150px;    
    font-weight:600;
    line-height:normal;
}

.cbbutton:hover, .cbbutton span:hover  
{
    background-color: #dfe2e9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
}

.cbbutton span
{
    font-weight:600;
    font-size:14px;
    cursor:pointer;    
}

/* <a onclick="bd_selectallcheckboxed(false); return false;" class="cbbutton cbbuttonnoicon cbthin" style="width:100px;" href="#">Select None</a> */
.cbbutton,.cbthin,.sqbutton,.cutebutton,.cutebuttonb, .feed_actionlink
{ 
    /*
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    */
}

.cutebuttondark
{
    /*
    -webkit-box-shadow: inset 0 0 1px 1px #4C76B3;
    box-shadow: inset 0 0 1px 1px #4C76B3;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 0px 0px, rgb(76, 118, 179) 0px 1px 0px 0px inset;
    */
}

.cbthin { height:17px; line-height:16px;font-size:11px;padding:0px;padding-top:3px; }
.cbthin2 { height:18px; font-size: 12px !important; border-bottom-style:solid  !important; padding:5px 4px 3px 4px; }
.cbgold { border-color:#D8AB49; background-image: url(/images/cutebuttongold.gif) !important; background-color:  transparent; }
.cbfeed 
{
    display:inline-block;
    font-weight:600;
    border:1px solid #c9d1d5;
    background-color:#dde3ea;
    padding:6px 10px 5px 10px;
    margin-bottom:5px;
    margin-right:4px;   
    cursor:pointer;
    color:#234364;
    text-decoration:none;
    text-align:center;     
}
.cbfeedgold { background-color:#ffc654 !important; border-color:#cf9f42; color:#614008 !important; }
.cbfeedgold:hover { background-color:#946810 !important; }
.cbdark { background-color:#3967a5; /*background-image:url(/images/cutebuttondark.gif);*/ color:#f7f7f8; }

.avibutton { height:15px; width: 46px; padding:2px 0px 0px 0px; }
.avidisabled, .avidisabled:hover
{
    color:#aaa;
    background-position:0px 0px !important; 
}

.cbbuttonnoicon span
{
    height:15px;
    display:inline-block;
    padding-top:0px;
}

/* class="cb cutebuttonb" */
.cb
{   
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    padding:4px 6px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap;
    height:22px;
    padding-top:1px;
    margin-right:4px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
}

.eid_textarea { width:100%; font-size:14px; border:0px; /*border:1px solid #ccc;*/ outline: 0px solid transparent; background-color:#fffffe; box-sizing: border-box; }

.smallremovebutton_deny, .smallremovebutton_add { width:50px; height:13px;margin:0px;margin-right:4px; background-color: #eceef2; border-radius:5px; font-size:12px; font-weight:600; padding:2px 7px 2px 7px; border:1px solid #cececf; white-space:nowrap; }

/* small save and cancel buttons */
.cutebutton { padding-bottom:2px; display:inline-block; font-weight:bold; color:#343434; border:1px solid #d1d1d1; padding-left:4px; padding-right:4px; background-image:url(/images/cutebuttongr.gif); }
.cutebutton, .cutebutton a { cursor:pointer; color:#333F55; font-weight:bold; text-decoration:none; min-width:60px; text-align:center; margin-right:4px; }
.cutebutton:hover, .cutebutton a:hover { color:#000; background-color: #dfe2e9; }

/*
.cutebutton, .cutebutton a { text-transform:lowercase; }
.cutebuttondark, .cutebuttondark a { text-transform:lowercase; }
.cuteinput, .cuteinput a { text-transform:lowercase; }
*/

.ssboxex   { width: 190px;height: 28px; padding-top:8px; margin-left:4px; }
.sslink    { padding:0px;margin:3px;font-size:19px;text-align:center; }

.cutebuttondark { padding-bottom:2px; display:inline-block; font-weight:bold; border:1px solid #0B284F; padding-left:4px; padding-right:4px; background-color:#225293; /* background-image:url(/images/cutebuttondark.gif); */ }
.cutebuttondark, .cutebuttondark a { cursor:pointer; color:#fffffe; font-weight:bold; text-decoration:none; width:60px; text-align:center; margin-right:4px; }
.cutebuttondark:hover, .cutebuttondark a:hover 
{ 
    color:#E7EBF0;
    background-color: #45659b;
    /*
    -webkit-box-shadow: inset 0 0 1px 1px #5f81bb;
    box-shadow: inset 0 0 1px 1px #5f81bb;
    */
}

.cutebuttongold { background-color:#F0B328; color:#421802; border-color:#7d5a0a; }
.cutebuttongold:hover { color:#fff; background-color:#fcc649; }
.cutebuttongreen { margin-right:0px; background-position:0px 0px; background-image: url(/images/error1bg.gif); border:1px solid #5fdb0c; }
.cutebuttongreen:hover { background-position:0px -28px; color:#fff;  }

.cutebuttonbig { width:150px;font-size:15px !important;padding:4px;font-weight:normal; height:32px; }
.cutebuttonmed { width:80px;font-size:12px !important;padding:0px;font-weight:normal; height:23px; line-height:22px;  }

/* bigger save and next and signup buttons */
.cutebuttonr { line-height:24px;  border-color:#8A9CAC; background-image:url(/images/cutebuttongr.gif); }
.cutebuttonr, .cutebuttonr a { color:#0B284F; text-decoration:none; width:60px; }
.cutebuttonr:hover, .cutebuttonr a:hover { color:#0B284F; }

.cutebuttond { font-weight:bold; border:1px solid #0B284F; background-color:#225293; /* background-image:url(/images/cutebuttondark.gif); */  }
.cutebuttond, .cutebuttond a { cursor:pointer; color:#fffff3; font-weight:bold; text-decoration:none; width:60px; text-align:center; margin-right:4px; }
.cutebuttond:hover, .cutebuttond a:hover { color:#E7EBF0; }
input.cutebuttond { height:22px; }

.captchainput { font-size:11px; border:1px solid #ddd; padding:3px; padding-left:2px; padding-right:2px; }

.cuteinput { color:#2e445a !important; display:inline-block; height:16px; margin-top:4px; padding-top:2px; font-weight:bold; font-size:10px; border:1px solid #8A9CAC; padding-left:4px; padding-right:4px; background-image:url(/images/cutebuttongr.gif); }
.cuteinput, .cuteinput a { cursor:pointer; color:#2e445a !important; font-weight:bold; text-decoration:none; font-size:10px; width:55px; text-align:center; margin-right:4px; }
.cuteinput:hover, .cuteinput a:hover { color:#497EAF !important; }

.wide120 { width: 120px; }
.wide180 { width: 180px; }
.wide3 { width:3px; font-size:1px; }
.wide4 { width:4px; font-size:1px; }
.wide5 { width:5px; font-size:1px; }
.wide6 { width:6px; font-size:1px; }
.wide7 { width:7px; font-size:1px; }
.wide8 { width:8px; font-size:1px; }

/* Category menu */
.catt { margin-bottom:6px; font-size:12px; font-weight:bold; }
.catb { border-bottom:1px solid #e0e0e0; margin-bottom:10px; height:1px; font-size:1px; margin-top:4px; }
.catv { border-bottom:1px solid #ccc; margin-bottom:10px; }

/* Browse */
.browse_lg { width:100%; padding-bottom:6px; table-layout: fixed; }
.browse_lg tr td { vertical-align:top; width:25%; }
.browse_lg tr.b0 { }
.browse_lg tr.b1 { background-color:#DBDFE8; }
.browse_lg tr td div a img { max-width:241px; aspect-ratio: 320 / 240; }

.browse_sm { width:100%; padding-bottom:6px; table-layout: fixed; }
.browse_sm td { width:12%; vertical-align:top; text-align:left; padding-left:5px; padding-bottom:4px; padding-right:0px; }
.browse_sm td div,.browse_sm td div a  { } 
.browse_sm td div a { text-decoration:none; font-weight:600;  }
.browse_sm td div a.tt { text-decoration:none; border-bottom:0px; }
.browse_sm tr.b0 { }
.browse_sm tr.b1 { background-color:#DBDFE8; }
.browse_sm td div a img { max-width:122px; aspect-ratio: 320 / 240; }

.browse_rm { width:100%; table-layout: fixed; }
.browse_rm td { vertical-align:top; text-align:left; padding-left:6px;}
.browse_rm tr.b0 { }
.browse_rm tr.b1 { background-color:#DBDFE8; }

.browse_det { width:100%; table-layout: fixed; }
/*.browse_det tr.b0 { background-color:#E4E9EF; }
.browse_det tr.b1 { background-color:#E9EFF6; }*/
.browse_det div.d2 { width:520px; overflow:hidden; text-overflow: ellipsis; height:20px; white-space: nowrap; }
.browse_det td.pm0 { white-space: nowrap; overflow:hidden; padding:8px; }
.browse_det td.ph {
    color: #333333; 
    white-space: nowrap; 
    text-align:center; 
    width:80px; 
    padding-left:30px;
    font-size: 11px;
	font-weight: 600;
}
.browse_det td.px { width:140px; }
.browse_det td.pb {
    color: #333333; 
    white-space: nowrap; 
    text-align:left; 
    width:110px; 
    font-size: 11px;
	font-weight: 600;
}
.browse_det tr td.ph a { font-size: 11px; text-decoration:none; line-height:16px; }
.browse_det tr td.ph a { font-weight: 600; }
.browse_det tr td.ph a.g { color:#070; }
.browse_det img.im { vertical-align:middle; width:70px; height:52px; }
.mygal_detim { margin:5px; margin-top:1px; vertical-align:middle; width:50px; height:38px; margin-bottom:2px; }
 
.browse_square_11 { aspect-ratio:1 !important;width:100%;object-fit: cover; border:1px solid rgb(252, 252, 252) !important; }
.browse_bkbody { margin-bottom:10px; }

/* My Galleries */
.bd_gallerybrowse_s { }
.bd_gallerybrowse_l { }
.bd_gallerybrowse_l td { width:25%; max-width:192px; min-width:100px;}
.bd_gallerybrowse_d { }
.bd_gallerybrowse_s td { width:10%; }

/* Stats */
.st_0 { border:1px solid #D0D0D0; background-color:#fcfcfc; width:100%; }
.st_1 { background-position:bottom; margin-left:auto; margin-right:auto; }
.st_pd3 { text-align:center; padding-top:2px; padding-bottom:4px; padding-left:5px; padding-right:5px;}
.st_w100 { width:100%; }
.st_w100 tr td { font-size:9px; text-align:left; }
.st_w100 tr td div { font-size:9px; text-align:right; }
.st_center { text-align:center; width:100%; } 
.st_bars { vertical-align:bottom; }
.st_bars td { width:6px; vertical-align:bottom; height:90px; }
.st_barsy td div { width:auto; background-image:url(/images/bargraph_0.png); }
.st_barsg td div { width:auto; background-image:url(/images/bargraph_1.png); }
.st_barsb td div { width:auto; background-image:url(/images/bargraph_2.png); }
.st_bark { vertical-align:bottom; }
.st_bark td { width:5px; vertical-align:bottom; height:140px; }
.st_barky td div { width:auto; background-image:url(/images/bargraph_0.png); }
.st_barkg td div { width:auto; background-image:url(/images/bargraph_1.png); }
.st_barkb td div { width:auto; background-image:url(/images/bargraph_2.png); }
.st_barl { vertical-align:bottom; }
.st_barl td { width:3px; vertical-align:bottom; height:120px; }
.st_barly td div { width:auto; background-image:url(/images/bargraph_0.png); }
.st_barlg td div { width:auto; background-image:url(/images/bargraph_1.png); }
.st_barlb td div { width:auto; background-image:url(/images/bargraph_2.png); }
.st_barl div.max,.st_bars div.max,.st_bark div.max  { font-size:8px; position:relative;top:0px; left:0px; height:1px; font-weight:bold; width:100%; text-align:left; padding-left:5px; }
.st_scale0 { background-image:url(/images/bargraph_3.gif); }
.st_scale1 { background-image:url(/images/bargraph_4.gif); }
.st_scale2 { background-image:url(/images/bargraph_5.gif); }
.st_scale3 { background-image:url(/images/bargraph_6.gif); }
.st_scale4 { background-image:url(/images/bargraph_7.gif); }

/*.st_barsy td div,.st_barsg td div,.st_barsb td div,.st_barky td div,.st_barkg td div,.st_barkb td div,.st_barly td div,.st_barlg td div,.st_barlb td div 
{
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.55);
    box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.55);
}*/

.st_pdt4 { }
.st_pdt5 { padding:2px; padding-left:5px;padding-right:5px; background-color: #e8e8e8; }
.st_c { text-align:center; margin-left:auto; margin-right:auto; font-weight:bold; font-size:11px; }
.st_r { text-align:right !important; }
.st_l { text-align:left !important; }
.st_r a:hover,.st_l a:hover,.st_r a,.st_l a  { font-size:10px; text-decoration: none; border:0px; }
.st_w38 { width:38px; }
.st_w42 { width:42px; }
.st_w44 { width:44px; }
.st_w46 { width:46px; }
.st_szs,.st_szs a { }
.st_szk,.st_szk a { }
.st_szl,.st_szl a { font-size:10px; }

/* Gallery rollout calendar */
.calendar { width:100%; }
.calendar td { }
.calendar td.calendarborder { }
.calendar_bd { background-color:white; width:100%; margin:1px; }
.calendar_bx { width:100%; }
.calendar_bx td { text-align:center; width:14%; font-size:10px; color:#313f4c; vertical-align:top; border:1px solid #c2c3c4; padding-bottom:1px; padding-top:3px; }
.calendar_bx tr td span { font-weight:bold;font-size:12px; }
.calendar_bx tr td span.cl_ebc { font-weight:bold;font-size:12px; color:#777777; }
.calendar_bx tr td { height:50px; }
.calendar_bx tr td div { min-height:76px; }

.calendar_bx tr td div img 
{ 
    width:75px;
    opacity: .5;
} /* unmoveable rollout items */
.calendar_bx tr td div div img { cursor: move; width:90px; aspect-ratio: 320 / 240; opacity: 1.0; } /* moveable rollout items */
.calendar_bx tr td div div { height:60px; } /* minimum calendar height */
.calendar_by { width:100%; padding-top:1px; border:1px solid #e3e3e3; }
.calendar_by tr { text-align:center; background-color:#e9e9ee; }
.calendar_by tr td { width:14%; font-weight:bold; font-size:13px; color:#475a6d; padding:8px; }
.calendar_bz { width:100%; border:1px solid #e4e5e7; }
.calendar_bz tr { text-align:center; background-color:#d0d1d4; }
.calendar_bz tr td { height:32px; padding:7px;color:#475a6d; font-size:21px; }
/*.calendar_bz tr td a { font-weight:600; color:#475a6d; font-size:12px; text-decoration:none; border-bottom:1px dotted #475a6d; }*/
.ct_ebc { background-color: #dfdfe0; }
.cxc1 { background-color: #f3f4f5; }
.cxc1 span { height:16px; display:inline-block; }

.vbar { width:1px; height:20px; vertical-align:middle; }
.vbarupl { width:112px; height:28px; border:0px; vertical-align:middle; }

.amicon { vertical-align:middle;border:0px;height:19px;width:19px; } 
.addto { padding-top:8px; padding-bottom:0px; text-align:center; } 
.addto a { font-weight:bold; font-size:11px;} 

.privacy_table { }
.privacy_table td.lr 
{
    background-color:#F6F6F9;
    padding:4px;
    padding-top:0px;
    padding-bottom:0px;
    border-right:1px solid #e8e8e8;
    height:20px;
    text-align:right;
    font-weight:600;
}

.privacy_table td.lm 
{
    padding:4px;
    padding-top:0px;
    padding-bottom:0px;
    height:20px;
    text-align:center;
}

.privacy_bg { background-color:#E8EDF1; }
.privacy_bg2 { /*background-color:#ececec;*/ font-size:11px;text-transform: uppercase;font-weight:600;color:#888888; }
.privacy_bg3 { background-color:#F5F8FB; }
.privacy_border { border-bottom:1px solid #E8EDF1; }

/* icons.png <i class="icons icomargin ico_body"></i> */
.icons { font-size:0px; width:18px; height:18px; background-repeat:no-repeat; display:inline-block; } /* height 18px; */
.icomargin { margin:0px 2px -7px 0px; }
.icorightt { margin:0px 2px -5px 0px; }
.icorightm { margin:0px 3px -4px 0px; }
.icorighta { margin:0px 0px -4px 0px; }
.icorighti { margin:0px -1px -6px 0px; }
.icorightx { margin:0px 0px -5px 0px; }
.icorightr { margin:0px 3px -5px 0px; }
.icorighth { margin:0px 0px -1px 0px; vertical-align: middle; }
/*.ico_justx { margin:0px 2px 0px 0px; vertical-align: top; }*/

.icons2 { font-size:0px; width:15px; height:20px; background-repeat:no-repeat; display:inline-block; } /* height 18px; */

.ico_home,.ico_mail,.ico_calendar,.ico_upload,.ico_body,.ico_heart,.ico_photo,.ico_edit,.ico_friends,.ico_star,.ico_tools,.ico_rightleft,.ico_checkgreen,
.ico_checkred,.ico_sentitems,.ico_delete,.ico_dele,.ico_justx,.ico_leftright,.ico_noentry,.ico_lock,.ico_turnright,.ico_turnleft,.ico_lr,.ico_ud,.ico_sun,.ico_moon,
.ico_video,.ico_quotebubble,.ico_ios,.ico_android,.ico_new,.ico_newemail,.ico_repliedemail,.ico_boxarrowup,.ico_boxarrowdown,.ico_editother,.ico_swissclock,.ico_iscool,.ico_notcool,
.ico_photosvideos,.ico_newdocument,.ico_rss,.ico_recycle,.ico_nuclear,.ico_stoplight,.ico_happy,.ico_stop,.ico_redcheck,.ico_greendollar1,.ico_greendollar2,.ico_movedocument,.ico_eye,
.ico_remail,.ico_editphoto,.ico_rename,.ico_editeye,.ico_arrangearrow,.ico_diamondstar,.ico_arrowright,.ico_arrowleft,.ico_uvote,.ico_dvote,.ico_uvoteg,.ico_dvoteg,.ico_greyphoto,.ico_greyvideo,.ico_greyhappy
{ 
    background-image:url(/images/icons.png);
    background-size:100% auto; 
}

.ico_home { background-position:0 0px; }
.ico_mail { background-position:0 -18px; }
.ico_calendar { background-position:0 -36px; }
.ico_upload { background-position:0 -54px; }
.ico_body { background-position:0 -72px; }
.ico_heart { background-position:0 -90px; }
.ico_photo { background-position:0 -108px; }
.ico_edit { background-position:0 -126px; }
.ico_friends { background-position:0 -144px; }
.ico_star { background-position:0 -162px; }
.ico_tools { background-position:0 -180px; }
.ico_rightleft { background-position:0 -198px; }
.ico_checkgreen { background-position:0 -216px; }
.ico_checkred { background-position:0 -234px; }
.ico_sentitems { background-position:0 -252px; }
.ico_delete { background-position:0 -288px; }
/*.ico_delete:hover { background-position:0 -270px; cursor:pointer; }*/
.ico_delete:hover { cursor:pointer; }
.ico_justx { background-position:0 -288px; }
.ico_leftright { background-position:0 -307px; }
.ico_noentry { background-position:0 -324px; }
.ico_lock { background-position:0 -342px; }
.ico_turnright { background-position:0 -360px; }
.ico_turnleft { background-position:0 -378px; }
.ico_lr { background-position:0 -396px; }
.ico_ud { background-position:0 -414px; }
.ico_sun { background-position:0 -432px; }
.ico_moon { background-position:0 -450px; }
.ico_video { background-position:0 -468px; }
.ico_quotebubble { background-position:0 -486px; }
.ico_ios { background-position:0 -504px; }
.ico_android { background-position:0 -522px; }
.ico_new { background-position:0 -540px; }
.ico_newemail { background-position:0 -558px; }
.ico_repliedemail { background-position:0 -576px; }
.ico_boxarrowup { background-position:0 -594px; }
.ico_boxarrowdown { background-position:0 -612px; }
.ico_editother { background-position:0 -630px; }
.ico_swissclock { background-position:0 -648px; }
/*.ico_iscool { background-position:0 -666px; }*/
/*.ico_notcool { background-position:0 -684px; }*/
.ico_iscool { background-position:0 -1080px; }
.ico_notcool { background-position:0 -1098px; }
.ico_photosvideos { background-position:0 -702px; }
.ico_newdocument { background-position:0 -720px; }
.ico_rss { background-position:0 -738px; }
.ico_recycle { background-position:0 -756px; }
.ico_nuclear { background-position:0 -774px; }
.ico_stoplight { background-position:0 -792px; }
.ico_happy { background-position:0 -810px; }
.ico_stop { background-position:0 -828px; }
.ico_redcheck { background-position:0 -846px; }
.ico_greendollar1 { background-position:0 -864px; }
.ico_greendollar2 { background-position:0 -882px; }
.ico_movedocument { background-position:0 -900px; }
.ico_eye { background-position:0 -918px; }
.ico_remail { background-position:0 -936px; }
.ico_editphoto { background-position:0 -954px; }
.ico_rename { background-position:0 -972px; }
.ico_editeye { background-position:0 -990px; }
.ico_arrangearrow { background-position:0 -1008px; }
.ico_diamondstar { background-position:0 -1026px; }
.ico_arrowright { background-position:-1px -1044px; width:15px; background-size:120% auto; }
.ico_arrowleft { background-position:-2px -1062px; width:15px; background-size:120% auto; }
.ico_uvote { background-position:0 -1080px; }
.ico_dvote { background-position:0 -1098px; }
.ico_uvoteg { background-position:0 -1116px; }
.ico_dvoteg { background-position:0 -1134px; }
.ico_greyphoto { background-position:0 -1152px; }
.ico_greyvideo { background-position:0 -1170px; }
.ico_greyhappy { background-position:0 -1188px; }

.ico_createsubaccount,.ico_managesubaccounts,.ico_rightarrowblue,.ico_greenupload,.ico_mailsmall,.ico_bodyadd,.ico_helpquestionmark,.ico_rssround,
.ico_sms,.ico_emailarrived,.ico_shield_unused,.ico_harddrive,.ico_greyfriends,.ico_notification,.ico_greynoentry,.ico_penciledit,
.ico_bluedot0,.ico_bluedot1,.ico_cake,.ico_reddot0,.ico_reddot1,.ico_writesomething,.ico_smallstar,.ico_largestar,
.ico_notify,.ico_planet,.ico_state,.ico_country,.ico_city,.ico_construction0,.ico_filefolder,.ico_constructionhorse,
.ico_filefolderzip,.ico_search,.ico_categories,.ico_filter,.ico_map,.ico_earthmap,.ico_link,.ico_grayplus,
.ico_roadyahead,.ico_document,.ico_redarrowleft,.ico_redarrowright,.ico_verticalrss,.ico_facebook,.ico_province,.ico_bluesquare,
.ico_bluesqua,.ico_stats1,.ico_stats2,.ico_checksmallred,.ico_quote0,.ico_quote1,.ico_facebookintegration,.ico_youtube,
.ico_suvoteg,.ico_sdvoteg,.ico_suvote,.ico_sdvote,.ico_suvotewhite,.ico_trashcan,.ico_sdvotewhite,.ico_sharedglobal,
.ico_instagram,.ico_sun,.ico_territory,.ico_logout,.ico_shield,.ico_next2,.ico_download,

.ico_miniup
.ico_minidown,
.ico_miniupg,
.ico_minidowng,
.ico_mininew
{    
    background-image:url(/images/icons2.png);
    background-size:100% auto; 
}

.ico_createsubaccount { background-position:0 0px; }
.ico_managesubaccounts { background-position:0 -18px; }
.ico_rightarrowblue { background-position:0 -36px; }
.ico_greenupload { background-position:0 -54px; }
.ico_mailsmall { background-position:0 -72px; }
.ico_bodyadd { background-position:0 -90px; }
.ico_helpquestionmark { background-position:0 -108px; }
.ico_rssround { background-position:0 -126px; }
.ico_sms { background-position:0 -144px; }
.ico_emailarrived { background-position:0 -162px; }
.ico_shield_unused { background-position:0 -180px; }
.ico_harddrive { background-position:0 -198px; }
.ico_greyfriends { background-position:0 -216px; }
.ico_notification { background-position:0 -234px; }
.ico_greynoentry { background-position:0 -252px; }
.ico_penciledit { background-position:0 -288px; }
.ico_bluedot0 { background-position:0 -288px; }
.ico_bluedot1 { background-position:0 -306px; }
.ico_cake { background-position:0 -324px; }
.ico_reddot0 { background-position:0 -342px; }
.ico_reddot1 { background-position:0 -360px; }
.ico_writesomething { background-position:0 -378px; }
.ico_smallstar { background-position:0 -396px; }
.ico_largestar { background-position:0 -414px; }
.ico_notify { background-position:0 -432px; }
.ico_planet { background-position:0 -450px; }
.ico_state { background-position:0 -468px; }
.ico_country { background-position:0 -810px; }
.ico_city { background-position:0 -486px; }
.ico_construction0 { background-position:0 -504px; }
.ico_filefolder { background-position:0 -522px; }
.ico_constructionhorse { background-position:0 -540px; }
.ico_filefolderzip { background-position:0 -558px; }
.ico_search { background-position:0 -576px; }
.ico_categories { background-position:0 -594px; }
.ico_filter { background-position:0 -612px; }
.ico_map { background-position:0 -630px; }
.ico_earthmap { background-position:0 -648px; }
.ico_link { background-position:0 -666px; }
.ico_grayplus { background-position:0 -684px; }
.ico_roadyahead { background-position:0 -702px; }
.ico_document { background-position:0 -720px; }
.ico_redarrowleft { background-position:0 -738px; }
.ico_redarrowright { background-position:0 -756px; }
.ico_verticalrss { background-position:0 -774px; }
.ico_facebook { background-position:0 -792px; }
.ico_province { background-position:0 -810px; }
.ico_bluesquare { background-position:0 -828px; }
.ico_bluesquare:hover { background-position:0 -846px; }
.ico_stats1 { background-position:0 -864px; }
.ico_stats2 { background-position:0 -882px; }
.ico_checksmallred { background-position:0 -900px; }
.ico_quote0 { background-position:0 -918px; }
.ico_quote1 { background-position:0 -936px; }
.ico_facebookintegration { background-position:0 -954px; }
.ico_youtube { background-position:0 -972px; }
.ico_suvoteg { background-position:0 -990px; }
.ico_sdvoteg { background-position:0 -1008px; }
.ico_suvote { background-position:0 -1026px; }
.ico_sdvote { background-position:0 -1044px; }
.ico_suvotewhite { background-position:0 -1062px; }
.ico_trashcan { background-position:0 -1080px; }
.ico_sdvotewhite { background-position:0 -1098px; }
.ico_sharedglobal { background-position:0 -1116px; }
.ico_instagram { background-position:0 -1134px; }
.ico_sun { background-position:0 -1152px; }
.ico_territory { background-position:0 -1170px; }
.ico_logout { background-position:0 -1188px; }
.ico_shield { background-position:0 -1206px; }
.ico_next2 { background-position:0 -1224px; }
.ico_download { background-position:0 -1242px; }

.ico_none { display:none; }

/* Mini upbvote */
.mvu
{
	cursor:pointer;
	width:15px; 
    height:14px; 
	background-position:0 -990px;
    background-image:url(/images/icons2.png); 
    background-repeat:no-repeat; 
    display:inline-block;
    margin-bottom:-6px;
    margin-top:-1px;
    margin-right:3px;
}

.mvd
{
	cursor:pointer;
	width:15px; 
    height:14px; 
	background-position:0 -1008px;
    background-image:url(/images/icons2.png); 
    background-repeat:no-repeat; 
    display:inline-block;
    margin-bottom:-6px;
    margin-top:-1px;
    margin-right:3px;
}

.mvd, .mvu { background-size:120% auto; }

.mvus
{
    background-position:0 -1026px;
}

.mvds
{
    background-position:0 -1044px;
}

.mvb_234 { width:auto;float:right;margin-left:4px; }
.cm_341 { vertical-align:top; }

.mvb_234.cb_blueboxminivote 
{
    position: absolute;
    top: 0;
    right:0px;
}

.breakall.cm_341 
{
    position: relative;    
}

/* Max upbvote */
.rel_mx { color:#444444; font-size:13px; margin-right:1px; font-weight:bold; text-align:center; transform: translate( 0px, -1px ); }
.rel_mxu { color:rgb(248,158,1); }
.rel_mxd { color:rgb(76,164,255); }
.xvu
{
	width:17px; 
    height:18px; 
    background-image:url(/images/icons3.png); 
    background-repeat:no-repeat;
    display:inline-block;
    background-size: 4225% auto;
}

.xvd
{
	width:17px; 
    height:18px; 
    background-image:url(/images/icons3.png); 
    background-repeat:no-repeat;
    display:inline-block;
    background-size: 4225% auto;
}

.xvu { background-position:-297px -81px; }
.xvd { background-position:-333px -81px; }
.xvus  { background-position:-225px -81px; }
.xvds  { background-position:-261px -81px; }

.xvdiv { padding:0px; }
.xvtd { text-align:center;font-size:0px; }
.xvtdd { height:15px;padding-bottom:2px;padding-left:1px; }

.ico_mbiguparrow,.ico_mbiguparrowa,
.ico_m3dots_dark,.ico_mbackarrow,.ico_m3dots,.ico_mpost,.ico_mmail,.ico_mnotify,.ico_mmapicon,.ico_mshield,.ico_mmysql,.ico_mphoto,.ico_mgalleries,.ico_medit,
.ico_mself,.ico_mpeople,.ico_mfeeds,.ico_mtools,.ico_minfo,.ico_msettings,.ico_mhome,.ico_bigcameraicon,
.ico_u_squares4x,.ico_u_squares1x,.ico_u_squares4,.ico_u_squares1
{ 
    margin:0px; width:36px; height:36px; background-repeat:no-repeat; display:inline-block; background-image:url(/images/icons3.png);
    background-size: 2000% auto;
}

.ico_m3dots_dark { width:26px; background-position:-240px 0px; background-size: 2600% auto; }
.ico_m3dots { width:26px; background-position:0px 0px; background-size: 2600% auto; }

#tab_3dots { width:12px;padding-right:10px; }
 
.ico_bigcameraicon { background-position:0px -36px; }

.ico_mmail { background-position:-36px 0px; }
.ico_mnotify { background-position:-72px 0px; }
.ico_mmapicon { background-position:-108px 0px; }
.ico_mshield { background-position:-144px 0px; }
.ico_mmysql { background-position:-180px 0px; }
.ico_mpost { background-position:-216px 0px; }
.ico_mphoto { background-position:-252px 0px; }
.ico_mgalleries { background-position:-288px 0px; }
.ico_medit { background-position:-324px -36px; }
.ico_mself { background-position:-360px 0px; }
.ico_mpeople { background-position:-396px 0px; }
.ico_mfeeds { background-position:-432px 0px; }
.ico_mtools { background-position:-468px 0px; }
.ico_minfo { background-position:-504px 0px; }
.ico_msettings { background-position:-540px 0px; }
.ico_mhome { background-position:-576px 0px; }
.ico_mbackarrow { background-position:-470px -3px; }
.ico_mbiguparrow { background-position:-504px 0px; }

.ico_mmail_hovered, .ico_mmail:hover { background-position:-36px -36px; }
.ico_mnotify_hovered, .ico_mnotify:hover { background-position:-72px -36px; }
.ico_mshield:hover { background-position:-144px -36px; }
.ico_mmysql:hover { background-position:-180px -36px; }
.ico_mpost:hover { background-position:-216px -36px; }
.ico_mphoto_hovered, .ico_mphoto:hover { background-position:-252px -36px; }
.ico_mgalleries_hovered, .ico_mgalleries:hover { background-position:-288px -36px; }
.ico_mself:hover { background-position:-360px -36px; }
.ico_mpeople_hovered, .ico_mpeople:hover { background-position:-396px -36px; }
.ico_mfeeds_hovered, .ico_mfeeds:hover { background-position:-432px -36px; }
.ico_mmapicon_hovered,.ico_mmapicon:hover { background-position:-108px -36px; }
.ico_mtools:hover { background-position:-468px -36px; }
.ico_minfo_hovered, .ico_minfo:hover { background-position:-504px -36px; }
.ico_msettings_hovered, .ico_msettings:hover { background-position:-540px -36px; }
.ico_mhome_hovered, .ico_mhome:hover { background-position:-576px -36px; }
.ico_mbiguparrow_hovered,.ico_mbiguparrow:hover { background-position:-504px -36px; }

.ico_c_edit { width:18px; height:17px; background-position:-658px -81px; }
.ico_c_share { width:22px; height:17px; background-position:-8px -81px; }
.ico_c_subscribed { width:18px; height:17px; background-position:-46px -81px; }
.ico_c_subscribe  { width:18px; height:17px; background-position:-82px -81px; }
.ico_c_minicomment { width:22px; height:17px; background-position:-117px -81px; }
.ico_c_minitrash { width:18px; height:17px; background-position:-156px -81px; }
.ico_c_greynoentry { width:18px; height:17px; background-position:-190px -81px; }
.ico_c_miniup    { width:18px; height:17px; background-position:-225px -81px; }
.ico_c_minidown  { width:18px; height:17px; background-position:-261px -81px; }
.ico_c_miniupg   { width:18px; height:17px; background-position:-297px -81px; }
.ico_c_minidowng { width:18px; height:17px; background-position:-333px -81px; }
.ico_c_3dots { width:18px; height:17px; background-position:-221px -7px; }

.ico_u_squares4 { background-position:-542px -72px; }
.ico_u_squares1 { background-position:-578px -72px; }
.ico_u_squares4x { background-position:-542px -36px; }
.ico_u_squares1x { background-position:-578px -36px; }
.ico_u_squares4:hover { background-position:-542px -36px; }
.ico_u_squares1:hover { background-position:-578px -36px; }

.ico_c_3dots,.ico_c_edit,.ico_c_share,.ico_c_subscribed,.ico_c_subscribe,.ico_c_minicomment,.ico_c_minitrash,.ico_c_greynoentry,.ico_c_miniup,.ico_c_miniupg,.ico_c_minidown,.ico_c_minidowng
{
    font-size:0px; margin:0px 0px 0px 4px; background-repeat:no-repeat; display:inline-block; background-image:url(/images/icons3.png); transform: translate( 0px, 4px );
    background-size: 4000% auto;
}

.ico_c_3dots { background-size: 3400% auto; }

.ico_c_share,.ico_c_minicomment { background-size: 3275% auto; }

.ico_u_link,.ico_u_lettera,.ico_u_video,.ico_u_photo,.ico_u_emoji,.ico_u_galleries 
{ 
    width:24px; height:24px;  margin:0px 0px 0px 2px; background-repeat:no-repeat; display:inline-block; background-image:url(/images/icons3.png); transform: translate( 0px, 0px ); 
    background-size: 3000% auto;
}

.ico_u_emoji { background-position:-366px -77px; }
.ico_u_lettera { background-position:-402px -77px; }
.ico_u_video { background-position:-438px -77px; }
.ico_u_link { background-position:-475px -77px; }
.ico_u_photo { background-position:-510px -77px; }
.ico_u_galleries { background-position:-294px -41px; }

.mmenu_darkselected
{
    background-color:#1a3559;
}

.mmenu_divider { height:36px;width:3px;background-color:#173967;display:inline-block;vertical-align: middle; }

.mmenu_topbar
{
    display:inline-block;
    border:0px;
    margin:0px;
    padding:0px;
    height:36px;
    width:36px;
    vertical-align: middle;
}

.mmenu_text { color:white; font-size:14px;font-weight:bold; padding:6px 8px 0 8px; margin-right:10px; display:inline-block; height:30px; vertical-align: middle; width:auto; }
.mmenu_text span { display:inline-block; position:relative; top:1px; }

.mmenu_text:hover, .mmenu_topbar:hover 
{         
    background-color:#849ec2;
    color:white;
}

.littemstar
{
    position:relative; 
    left:-20px;
    top:-4px;
    display:inline-block;
    border:0px;
    margin:0px;
    padding:0px;
    height:36px;
    width:1px;
}

#profile_menuicon 
{
    min-width:36px;
    transform: translate( 0px, -1px );
}

#profile_menuicon img 
{
    margin-top:6px; 
    margin-right:6px; 
    height:23px; 
    width:24px;
    outline: 1.4px solid #ebebeb;
    outline-offset: -1.0px;
}

.profile_menuicon_shadow img 
{
    -webkit-box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.3);
}

.littenum 
{ 
    width:1px;
    font-size:1px;
    display:inline-block;
}

.littenum span 
{
    height:18px;
    position:relative; 
    left:-21px;    
    top:-40px;
    background-color: #f8b146; /*url(/images/cutebuttongold.gif);*/ 
    /*border:1px solid #9d7921;*/
    display:inline-block;
    padding:0px;
    /*color:#3A2902;*/
    color:white;
    font-weight:bold;
    /*
    -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.25);
    box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.25);
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    */
}

.littenum span { border-radius:50%; }

.littlenum_popmenu { left:135px !important; top:-10px !important; }
.littenum span span 
{
    position:relative; 
    top:0px;
    left:0px;
    border:0px;
    /*color:#3A2902;*/
    color:white;
    font-size:10px;
    font-weight:bold;
    height:11px;
    line-height:11px;
    padding:2px 7px 2px 6px;
    min-width:8px;
    text-align:center;
    font-style: italic;
    
    border:1.5px #f3f3f3 solid;
}

.ico_facebookthumb,
.ico_miniright,
.ico_minileft,
.ico_fb_notify,
.ico_fb_messages,
.ico_fb_rssfeed,
.ico_twittersmaller,
.ico_zupponsmaller,
.ico_zuppon,
.ico_exit,
.ico_radiotower,
.ico_radiotowerplus,
.ico_minidropdown,
.ico_addfriend,
.ico_subscribe,
.ico_subscribed,
.ico_addedfriend,
.ico_blockedfriend,
.ico_friendquestion,
.ico_updownsmall,
.ico_hashtag,
.ico_3dots,
.ico_languageselect
{
    background-image:url(/images/icons4.png);
    background-size:100%;
}

.ico_facebookthumb { height:14px; width:15px; background-position:0 0px; margin:0px 0px 0px -2px; }
.ico_miniright { height:9px; width:11px; background-position:0 -36px; margin:0px 0px -1px 0px; background-size:160% auto; }
.ico_minileft { height:9px; width:11px; background-position:0 -54px; margin:0px 0px -1px 0px; background-size:160% auto; }
.ico_fb_notify { background-position:0 -72px; }
.ico_fb_messages { background-position:0 -90px; }
.ico_fb_rssfeed { background-position:0 -108px; }
.ico_twittersmaller { margin:1px 4px -3px -3px; width:16px; height:16px; background-position:0px -19px; background-repeat:no-repeat; display:inline-block; background-size:113%; }
.ico_zupponsmaller { margin:1px 4px -3px -3px; width:16px; height:16px; background-position:0px -289px; background-repeat:no-repeat; display:inline-block; background-size:113%; }
.ico_zuppon { height:18px; width:18px; background-position:0px -289px; }
.ico_exit { height:18px; width:18px; background-position:0 -126px; }
.ico_radiotower { height:18px; width:18px; background-position:0 -144px; }
.ico_minidropdown { height:14px; width:14px; background-position:0 -149px; background-size:120% auto; }
.ico_addfriend { height:18px; width:18px; background-position:0 -181px; }
.ico_subscribe { height:18px; width:18px; background-position:0 -199px; }
.ico_subscribed { height:18px; width:18px; background-position:0 -217px; }
.ico_addedfriend { height:18px; width:18px; background-position:0 -236px; }
.ico_blockedfriend { height:18px; width:18px; background-position:0 -254px; }
.ico_friendquestion { height:18px; width:18px; background-position:0 -273px; }
.ico_mininew { height:16px; width:16px; background-position:0px -542px; background-size:89.5% auto; }
.ico_updownsmall { height:18px; width:18px; background-position:0 -289px; }
.ico_hashtag { height:19px; width:18px; background-position:0 -306px; }
.ico_3dots { height:19px; width:18px; background-position:0 -324px; }
.ico_radiotowerplus { height:18px; width:18px; background-position:0 -342px; }
.ico_languageselect { height:18px; width:18px; background-position:0 -360px; }

.ico_miniup { background-position:0 -992px; width:16px; height:14px; background-size:89.5% auto; }
.ico_minidown { background-position:0 -1009px; width:16px; height:14px; background-size:89.5% auto; }
.ico_miniupg { background-position:0 -1028px; width:16px; height:14px; background-size:89.5% auto; }
.ico_minidowng { background-position:0 -1045px; width:16px; height:14px; background-size:89.5% auto; }

/* user menu */
.lmen_profile { height:100%; width:100%; clear:both; line-height:24px; margin:auto; }
.lmen_profile { max-width:240px; }
.lmen_profile div.unsel { border-left:6px solid transparent; text-decoration:none; }
.lmen_profile div.unsel a { padding-left:5px; display:block; text-decoration:none; font-weight:600; padding-top:2px; padding-right:9px; padding-bottom: 2px;  }
.lmen_profile div.unsel:hover { border-left:6px solid #f9af23; color:white; }
.lmen_profile div.unsel a:hover { color:white; background-color: #456ca3; }
.lmen_profile div.sel { color:#18222c; padding-left:5px; border-left:6px solid #5a98d9; padding-top:2px; padding-bottom: 2px;  background-color:#dadee3;font-weight:600; }
.lmen_profile div.sel:hover { }
.lmen_profile div.sub, .lmen_profile div div.sel { padding-left:24px; text-decoration:none; }
.lmen_profile div.sub a { text-decoration:none; padding-left:0px; }
.lmen_profile div.hide { display:none; }
.lmen_profile div.hr { height:1px; font-size:1px; border-bottom:1px solid #d5dee8; margin-top:6px; margin-bottom:6px; }
.lmen_profile div.subheader { border-left:6px solid #bac1c9; padding-left:12px; font-size:11px; background-color:#e6e7ec; }
.lmen_profile div.header { font-size:14px; font-weight:600; background-color:rgb(57, 103, 164);text-align:center;padding:5px 6px 6px 6px;border:0px; height:22px; color:white; border-top-left-radius:3px; border-top-right-radius:3px; }
.lmen_profile div.small { color:#91919a; font-size:11px; }
.lmen_profile div.sel, .lmen_profile div.unsel { white-space:nowrap; } 
.usertop { vertical-align:top; width:202px; }
/* .userleft { padding:10px; } */ /* src="{$MYICON}" vs src="{$MYBIGICON}" */
/* .user_h1c { border:1px solid #B4B4B4; padding:4px; background-color:#E0E0E0; } */ 
.userleft { text-align:center; background-color:#dddde2;margin-bottom:8px; padding-bottom:4px; } /* padding:10px; */
.usericon { margin:auto;padding-bottom:4px; width:190px;}
.usercontent { vertical-align:top; }

/* Cicular notification alerts */
/*
.littenum span  { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.littenum span span { height:14px; padding:2px 2px 0px 2px; min-width:12px; }
*/

.none { display:none !important; }
.yt_watching { width:85px;height:60px;margin-bottom:8px;margin-right:8px;float:left; }
.yt_related { margin-bottom:6px; width:130px; height:97px; }

/* Feed semi-circle boxes <span class="aa"><span><a href="#">World</a></span></span> */
.ab span,.aa span,.ae { font-size:12px; font-weight:bold; white-space:nowrap; }
.ab span,.aa span { margin:0px; padding-top:1px; display:inline-block; padding-left:7px; padding-right:1px; height:21px; line-height:22px; white-space:nowrap;}
.aa span { background-image:url(/images/ww_left.gif); color:#234364; white-space:nowrap; }
.ab span { background-image:url(/images/ws_left.gif); color:#E4EAF1; white-space:nowrap; }

.aa, .ab { overflow:hidden; }
.ab a,.aa a,.ae a { line-height:21px; text-decoration:none; }
.ab a { }
.aa a { color:#234364; }
.ae a { color:#234364; }

.aa,.ab { line-height:21px; margin-bottom:4px; margin-left:4px; display:inline-block; background-position:right; background-repeat:no-repeat; padding-right:7px; height:22px; }
.aa { background-image:url(/images/ww_right.gif); }
.ab { background-image:url(/images/ws_right.gif); }
.aa a:hover { line-height:21px; color:#7397B7; }

/* With delete button */
.ae { height:21px; line-height:22px; padding-top:1px; display:inline-block; background-image:url(/images/ww_left.gif); padding-left:10px; padding-right:2px; color:#234364; font-weight:bold; }
.af { height:21px; line-height:21px; font-size:13px; padding-top:1px; display:inline-block; background-position:right; background-repeat:no-repeat; background-image:url(/images/ww_delete.gif); padding-right:17px; cursor:pointer; }

/* Notifications */
.notifyline { color:#6A6E72; padding:2px 0px 2px 2px; } /* border-bottom:1px solid #efefef; margin-bottom:3px; */
.notifyline a { color:#0E2436; text-decoration:none; }
.notifyline span.nldate { font-size:11px; color:#888; }
.notifyline span.red {  color:#660000; }
.notifyline img.preview { width:58px; max-width:200px; max-height:80px; margin:2px 2px 0px 8px; }
.notifyline table.comment { /*background-color:#eeeef3; MArch 2023*/ margin-right:2px; }
.notifyline table.comment td { padding:2px 4px 2px 4px; font-size:14px; }
.notifyline table.comment td a { font-weight: normal; border:0px; }
.notifyline span.comment_small { padding:1px; /* font-size:12px; background-color:#efefef; mar 2023*/ }
.notification_day { color:#888; font-weight:bold; font-size:11px;}
.notif_cio { width:34px;line-height:1px; vertical-align:top; }
.unread { background-color:#ffeabd !important; }
.unread table.comment { background-color:#f0d498 !important;  }
.notif_bold { font-weight:600; }
.notif_middle0 { vertical-align:middle; word-wrap:break-word; }

/* Browse menu */
.lmen_browse { }
.br_srbody
{ 
    font-weight: 600;
    font-size: 12px;
}
.lmen_browse div a 
{     
    text-decoration:none;     
    border-bottom:1px dotted #2e445a;
    line-height:18px;
    font-weight: bold;
    font-size: 12px;    
}
.lmen_browse div { border-left:3px solid transparent; padding:1px; padding-top:0px; padding-left:4px; cursor:pointer; }
.lmen_browse div:hover { background-color:#fff; border-left:3px solid #f9af23; }

/* random styles */
.main_signupbig { font-weight:bold; font-size: 19px; width:300px; margin-left:auto; margin-right:auto; color:#1D3C67;text-align:center; } 
.main_signupinputs { padding:3px 5px 3px 5px; width:212px; height:16px; font-size:12px; border:1px solid #bbb; }
.main_signuppass 
{ 
    padding:3px 5px 3px 5px;
    width:213px;
    height:16px;    
    border:1px solid #bbb;
    font-size:11px; 
    font-family:Verdana; 
    /*font-weight:bold;*/ 
}
.gallery_pass
{
    font-size:11px; 
    font-family:Verdana; 
    font-weight:bold;
    width:160px;
    height:15px; 
}
.itemselect 
{
    overflow: hidden;
    background: url(/images/select-gif.png) no-repeat right white;
    background-size:19px 16px;
    padding:3px 1px 3px 1px; 
    font-size:12px;
    /*border:1px solid #bbb; march 2023 boxes in boxes */
    margin:0px;
    display:inline-block;
    height:18px;
    padding-right:4px;
}
.itemselect select 
{
    background: none repeat scroll 0 0 transparent !important;
    -webkit-appearance:none;
    -moz-appearance:none;    
    height:18px;
    /*font-size:12px;*/
    border:0px;
    width:100%;
    margin:0px;
    padding:0px;
    margin-right:20px;
    cursor:pointer;
}
.main_countryselect 
{
    width:217px;
    height:20px;
}
.main_countryselect select 
{
    margin-top:1px;
}
select::-ms-expand 
{
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.main_postal { padding:3px 5px 3px 5px;width:213px;height:16px;font-size:12px;border:1px solid #bbb;margin:0px; }
.main_forgotemail { color:#314D67;padding-top:8px;padding-right:4px;text-align:right; }
.main_forgotinput { padding:3px 5px 3px 5px; width:200px;height:16px;font-size:12px;border:1px solid #bbb; }
.mail_signupfile { padding:3px 5px 3px 5px; width:200px;height:16px;font-size:12px;border:1px solid #bbb; }
.mail_signupusername { padding:3px 5px 3px 5px; width:200px;height:16px;font-size:12px;border:1px solid #bbb; }

.photoheader_0 { width:100%; max-width:1000px; padding-top:4px; /* background-color:#e2e4e9; */ background-position:top; background-repeat:repeat-x;/*border-bottom:1px solid #e6e6e7;*/ margin:auto;}
.photoheader_2 { width:680px; display:inline-block; height:24px;overflow:hidden;padding-top:10px; }
.photoheader_c { text-align:justify;margin-right:auto;margin-left:auto;width:726px;padding-top:12px;padding-bottom:6px; word-wrap:break-word;word-break: break-all; overflow-wrap: break-word; }
.photoheader_d { margin-right:auto;margin-left:auto;width:728px; }
.photoheader_e { margin-left:6px;width:auto;padding-top:6px;border-top:1px solid #E7E9EE; }
.photoheader_p { max-width:100%; text-align:center; }
.photoheader_q { max-width:100%; }

.photoheader_c { font-size:15px; padding:8px; }

.br_header { width:auto;background-color:#E4E9EF;padding:2px;padding-bottom:4px; }
.br_line { height:1px; font-size:1px; background-color:#E4E9EF; border-bottom:1px solid #BDC7D4; }
.br_spacer { height:4px; font-size:1px; background-color:#F4F6F9; }
.br_body { background-color:#f1f1f2; }
.br_searchinput { padding:5px;width:170px;font-size:13px;margin-bottom:-1px;border:1px solid #BDC7D4; }
.br_showall { color:#1D364D;font-family:Tahoma,Arial,Helvetica,sans-serif; }
.br_keywords { padding-left:6px;padding-bottom:0px;padding-top:4px;background-color:#E4E9EF; border-top:1px solid #BDC7D4; }
.br_keywordsx { background-color:#E4E9EF;padding:4px;padding-top:0px;text-align:right; }
.br_keywordsy { padding:5px;width:168px;font-size:13px;margin-bottom:-1px;border:1px solid #BDC7D4; }
.br_srbody { background-color:#F4F6F9;padding:3px;padding-bottom:0px; }
.slightydifferent { font-weight:bold; font-size:12px; color:#0A274E; }

.upl_instructions { font-size:13px;padding:12px;background-color:#f3f3f3;border:1px solid #dfdfdf; }
.upl_checkboxes { font-size:13px;padding:4px 12px 4px 12px;background-color:#f3f3f3;border:1px solid #dfdfdf; line-height:20px;}
.upl_checkboxes input[type="checkbox"] { margin-top:-3px !important; } 

.feed_photoboxes_large { min-height:120px; }
.feed_photoboxes_large .feed_pendingupload img  { float:left; aspect-ratio: 168 / 123; margin:0px; border: 1px solid #ccc;  width: 100%; height: auto; display: inline-block; box-sizing: border-box;  object-fit: cover; }
.feed_photoboxes_large .feed_pendingupload_outline { float:left; margin-bottom:8px; margin-left:0px; position: relative; order:0; display: block; width: 100%; outline: 3px dashed #ccc; outline-offset: -3px; background-color:#f8f8f8; background-repeat:no-repeat; background-position:50% 50%; background-image:url(/images/upload-photo-video.png); cursor:pointer; }
.feed_photoboxes_large .feed_pendingupload { float:left; margin-bottom:8px; margin-left:0px; position: relative; order:0; display: block; width: 100%; }
.feed_photoboxes_large .feed_preview_video_element 
{
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 168 / 123;
    background-color: black;
}
.feed_photoboxes_large .feed_pendingupload_outline { aspect-ratio: 168 / 123; }

.feed_photoboxes_small .feed_pendingupload img  { float:left; aspect-ratio: 1 / 1; margin:0px; border: 1px solid #ccc;  width: 48px; height: auto; box-sizing: border-box;  object-fit: cover; }
.feed_photoboxes_small .feed_pendingupload { display: inline-block; }
.feed_photoboxes_small .feed_pendingupload_outline { float:left; margin-bottom:5px; margin-left:0px; position: relative; order:0; display: inline-block; float:left; aspect-ratio: 1 / 1; margin:0px; width: 48px; height: auto; box-sizing: border-box; object-fit: cover; outline: 2px dashed #ccc; outline-offset: -2px; background-color:#f8f8f8; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer; background-size: 40% 80%; background-image:url(/images/upload-photo-video.png); margin-right: 6px; }
.feed_photoboxes_small .feed_pendingupload { float:left; margin-bottom:6px; margin-left:0px; position: relative; order:0; display: inline-block; }
.feed_photoboxes_small .feed_preview_video_element 
{
    width: 48px;
    height: auto;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    background-color: black;
}

.feed_photoboxes_small { min-height:42px; }
.feed_photoboxes_small .feed_pendingupload { display:inline-block; width:48px; margin-right:5px; }

.feed_preview_video_container 
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.feed_photoboxes_small .feed_preview_video_container
{
    overflow:hidden;
    height:48px;
    width:48px;
}

.feed_pendingupload .ico_delete, .feed_pendingvideoupload .ico_delete {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
    background-color:white; 
    border-radius:50px;
    border: 2px solid white;
}

.feed_photoboxes_small .feed_pendingupload .ico_delete:hover, .feed_photoboxes_small .feed_pendingvideoupload .ico_delete:hover, 
.feed_photoboxes_large .feed_pendingupload .ico_delete:hover, .feed_photoboxes_large .feed_pendingvideoupload .ico_delete:hover
{
    background-color:#ccc;
    border: 2px solid #ccc;
}

.feed_photoboxes_large .feed_pendingupload .ico_delete, .feed_photoboxes_large .feed_pendingvideoupload .ico_delete,
.feed_photoboxes_small .feed_pendingupload .ico_delete, .feed_photoboxes_small .feed_pendingvideoupload .ico_delete 
{
    right: 0px;
    top: 2px;
}

/* Progress bar container */
.feed_comment_progress_bar {
    width: 100%;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
    box-sizing: border-box;
    position: relative; /* Add relative positioning */
    display: flex; /* Use flexbox for vertical centering */
    align-items: center; /* Center vertically */
    border-radius:2px;
    overflow:hidden;
    margin-bottom:6px;
}

/* Progress bar filler */
.feed_comment_progress_bar .progress_value {
    font-weight: 700;
    font-size: 8px;
    text-transform: uppercase;
    color: white;    
    position: absolute; /* Position the text absolutely */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Center the text horizontally */
    transform: translateY(-5px);
}

/* Adjust the progress bar's appearance */
.feed_comment_progress_bar .progress_value::before {
    content: "";
    display: block;
    width: 0; /* Start with 0% progress */
    background-color: #007bff;
    height: 5px;
    border-radius: 0;
    margin-top: 5px;
    transition: width 0.3s ease-in-out;
}

/* Interior bar to show the upload progress */
.feed_comment_progress_bar .progress_interior {
    background-color: #5599db;
    height: 10px;
    border-radius: 0;
    transition: width 0.3s ease-in-out;
}

.feed_inputwrapper { width:auto; height: 123px; aspect-ratio: 168 / 123;  }
.feed_photoboxes_large {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 8px;
}
.feed_photobox { float:left; background-color:#fcfcfc; background-repeat:no-repeat; background-position:50% 50%; background-image:url(/images/upload-photo-video.png); border:3px dashed #ececec; height:auto;aspect-ratio: 168 / 123;  width:100%; }
.feed_pendingbox { float:left; background-color:#fcfcfc; background-repeat:no-repeat; background-position:50% 50%; background-image:url(/images/upload-processing.png); border:3px dashed #ececec; height:100px;aspect-ratio: 168 / 123; width:140px; margin-left:10px; }

.feed_titleimage { margin-top:6px; width:100%; max-width:240px; }
.feed_width { /* max-width:600px; max-height:500px; */ }
.feed_desc { padding-bottom:4px; }
.feed_text { width:auto; padding:0px 10px 10px 10px; font-size:15px; }

.feed_a0 { display: flex; padding:8px 3px 2px 3px; background-color:#f0f0f0 !important; justify-content: center; align-items: center; }
.feed_a
{
    width:100%; 
    text-align:center; 
    margin-left:auto; 
    margin-right:auto;
    display:table-cell;
    align-items: center;
    justify-content: center;    
    vertical-align:top;
}

.feed_a span 
{     
    display:block;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;    
}

/*.feed_a0 { margin:8px 32px 12px 38px; }*/
.feed_a0 { margin:0px 0px 14px 0px; }
.feed_b 
{ 
    font-size:3px;
    height:5px; 
    background-color: #BFCBD7; 
    margin-bottom:3px;
    /* 
    -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.55);
    box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.55);
    */
}
.feed_c { vertical-align:top; width:250px; padding-left:12px; max-width:250px; overflow-wrap: anywhere; }

/* hr bar throughout site */
.feed_b, hr, .ssck { height:3px !important; }

.min110 
{ 
    min-height:108px; 
}

.max650 
{ 
    max-height:850px;
    overflow-y:auto;
}

.feed_desc 
{ 
    font-size:14px; 
    color:#2e445a; /* color:#536271; */
    margin-bottom:0px; 
    /* background-color:#f9f9f9; */ 
    /* border-bottom:1px solid #e3e3e3;*/
    text-align:justify;
    
    /* .iposted */
    border-left:2px solid transparent; 
    border-right:2px solid transparent;

    /* only when up/down is outside box as in original design */    
    /* min-height:26px; */  
}

.feed_desc a 
{   
    /* username */
    text-decoration:none;
    border-bottom:1px dotted #2e445a;
    line-height:18px;
    font-size:13px;
    font-weight:600;
}

.feed_desc a:hover 
{   
    /* username */
    text-decoration:underline;
}

.feed_desc b 
{   
    /* username */
    line-height:18px;
    font-weight:bold;
}

.feed_group_desc
{
    font-size:14px;
    font-weight:normal;
    padding-bottom:8px !important;
    overflow-x: hidden;
    white-space: normal;
    max-width: 100%;
    max-height:350px;    
    overflow-y: auto;
}

.feed_desc_subscriber
{
    font-size:11px;
    font-weight:600;
    color:#888888;
}

.feed_requesttojoinbutton { height:36px; width:auto; font-size:13px; }
.feed_mobile_button { height:15px;padding:4px 3px 2px 3px;width:122px;margin-top:6px;margin-right:6px; }

.red
{
    color:#880000;
    font-weight:bold;
}

.orange
{
    font-size:120%;
    color:#da8500;
}

.large
{
    font-size:120%;
    font-weight:bold;
}

.block
{
    background-color:#ddd;
    padding:2px 4px 2px 4px;
}

.del
{
    text-decoration: line-through;
}

/* Application autopost bots (reddit_bot) */
.feed_bigbottom { padding-top:0px; padding:10px; border-left:2px solid transparent; /*background-color:#ededee;*/ font-weight:600; color:rgb(54, 93, 165); font-size:16px; }
.feed_bigbottom a { text-decoration:none; line-height:18px; font-size:12px; color:#666666;font-weight:600; }
.feed_bigbottom a.bigtitle { font-size:16px; border:0px !important; font-weight:600; color:#293E5A; }
 
.feed_vtitle a { text-decoration:none; border-bottom:0px; line-height:18px; font-size:14px;color:rgb(57, 101, 166);font-weight:bold; }
.feed_vdesc { font-size:13px; width:auto;border:0px;line-height:14px; margin-top:9px; }
.feed_vdesc a { font-size:12px; color:#999; padding-left:8px; }
.feed_v1 { overflow:hidden;width:auto; }
.feed_desc a.feed_v2 { font-weight:bold;font-size:11px;overflow:hidden;width:auto;white-space: nowrap; /*border-bottom:1px dotted #666666;*/ color:#666666; }
.feed_v3 { overflow:hidden;width:auto; margin-bottom:6px; }
.feed_v4 { padding-top:0px; overflow:hidden; width:auto; }
.feed_internal { overflow:hidden; width:auto; }
.feed_divider { } 
.feed_commentwidth { width:auto; }
.feed_container { width:100%; }
/* .feed_container { float:left; width:690px; } */
.feed_borderphotoleft { vertical-align:top;padding-left:10px;border-left:1px solid #888; }
.feed_id { } /* Entire feed body including photo. border:2px solid blue; padding:10px;  */
.feed_nopicdesc { background-color:#ebebec; }
.feed_cio { padding-right:8px;padding-top:1px; vertical-align:top; }

/* Feed Admin page */
.feed_ad1 { padding:4px; margin-bottom:6px; padding-bottom:0px;}
.feed_ad1 table { width: 100%; } 
.feed_ad2 { padding-left:4px;vertical-align:middle;padding-top:3px; }
.feed_ad3 { overflow:hidden;white-space:nowrap;width:115px; margin-top:-8px; }
.feed_ad4 { width:20px;vertical-align:middle; text-align:right;}

.feed_typetext0 { word-wrap:break-word;padding-right:6px;padding-left:6px; line-height: 21px; display: block; }
.feed_hashtag {
    white-space: nowrap;    
    background-color:#d3dce6;
    border:1px solid #c9d1d5 !important;
    text-decoration:none;
    border-radius:15px;
    line-height:14px;
    padding:1px 8px 2px 8px;
    color: #3e597d;
    font-weight:700;
    font-size:13px;
    
    margin-bottom:4px; 
    display:inline-block;   
}

.feed_desc .feed_hashtag { font-size:13px; }

.feed_hashtag_facebook {
    background-color:#c3d9f6;
    border:1px solid #bcd6f7 !important;
    text-decoration:none;
    border-radius:15px;
    line-height:14px;
    padding:1px 8px 2px 8px;
    color: #3e597d;
    font-weight:700;
    font-size:13px;

    margin-bottom:4px; 
    display:inline-block;   
}
.feed_desc .feed_hashtag_facebook { font-size:13px; }

.feed_hashtag_twitter
{
    background-color:#c2e3f7;
    border:1px solid #a5daf8 !important;
    text-decoration:none;
    border-radius:15px;
    line-height:14px;
    padding:1px 8px 2px 8px;
    color: #1b5067 !important;
    font-weight:700; 
    font-size:13px;

    margin-bottom:4px; 
    display:inline-block;   
}
.feed_desc .feed_hashtag_twitter { font-size:13px; }

.feed_oversized_text .feed_hashtag_zuppon { font-size:18px !important; }
.feed_hashtag_zuppon
{
    background-color:#cbdffb;
    border:1px solid #adc8eb !important;
    border-radius:15px;
    text-decoration:none !important;
    line-height:14px !important;
    padding:1px 8px 2px 8px;
    color: #1b5067 !important;
    font-weight:700 !important; 
    font-size:13px !important;
    text-transform: none !important;
    box-shadow: none !important;
    letter-spacing: normal !important;
    
}

.comment_msg .feed_hashtag,
.comment_msg .feed_hashtag_zuppon,
.comment_msg .feed_hashtag_facebook,
.comment_msg .feed_hashtag_twitter {  display: inline-block; margin-bottom:1px; }

.sel_hashtag {
    background-color:#dbdee1;
    border:1px solid #c1c1c2 !important;
    text-decoration:none;
    line-height:12px;
    font-size:11px;
    font-weight: 700;
    padding:3px 4px 0px 3px;
    white-space:nowrap;
    margin-bottom:3px;
    display:inline-block;
    height:13px;
    color: #65656f;
    overflow:hidden;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
}

.sel_hashtag_blue {
    background-color:#2e5d9f;
    border:1px solid #a3aeb5 !important;
    text-decoration:none;
    line-height:12px;
    font-size:12px;
    font-weight: 700;
    padding:3px 4px 0px 3px;
    white-space:nowrap;
    margin-bottom:3px;
    display:inline-block;
    height:13px;
    color:white;
    overflow:hidden;
}

.sel_hashtag:hover {
    color: #6d6d6d;
    background-color:#c7cacd;
}

#profileheader ul {
    list-style: none;
    padding:0;
    margin:0px;
    padding-top:6px;
    height:23px;
}
#profileheader li {
    display: inline;
    line-height:20px;
}
#profileheader li a {
    text-decoration:none;
    font-weight:bold;
	font-size:13px;
    /*background: white;*/
    padding:5px 16px 4px 16px;
    color:#24486C;
    border:1px solid #bbbdc5;
	border-bottom:0px;
	margin:0px 0px 0px 5px;
    
    /*background-image:url(/images/tab.png);*/
    background-color:#f0f0f1;
    background-position:-1px -1px;
    /*
    -webkit-box-shadow: inset 3px 3px 9px -7px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 3px 3px 9px -7px rgba(0,0,0,0.35);
    box-shadow: inset 3px 3px 9px -7px rgba(0,0,0,0.35);*/
}
#profileheader li a:hover 
{ 
	background-color:#fff;
	background-image:url();
}
#profileheader #selected 
{
	background-color:rgb(36, 82, 144);
	border:1px solid #b7c4d1;
	border-bottom:0px;
	color:#ffffff;
}

#profileheader li a { border-top-left-radius:6px; border-top-right-radius:6px; }

.profile_a { padding-bottom:10px;margin-top:10px; }
.profile_b { vertical-align:top; padding:0px !important; width:180px; max-width:180px; }
.profile_b img { max-width:180px; }
.profile_c { }
.profile_d { color: #7D8590; font-size:11px; }
.profile_e { padding-left:12px !important;padding-right:2px;color: #666666;vertical-align:top; }
.profile_g { border-top:1px solid #e0e0e0;padding-top:6px; }
.profile_h { max-height:200px;overflow:auto; font-size:15px !important; font-weight:normal !important; }
.profile_i { margin-top:10px;margin-bottom:2px; }
.profile_j { width:84px;overflow:hidden; text-overflow: ellipsis; font-size:13px; }
.profile_k { width:64px;margin-top:4px;margin-left:8px; }
.profile_k_g { width:146px; }
.profile_imgsm { width:100%; aspect-ratio: 1 !important; }
.profile_feedface { width:42px; height:42px; margin:2px 2px 2px 2px; }
.profile_subaccount { width:34px; height:34px; }
.profile_viewon { width:50px; height:50px; }
.profile_l { width:180px; object-fit:cover; max-height:240px; }

.profile_desc { clear:both;max-height:140px;overflow:auto;/*background-color:#f4f4f4;*/padding:4px; }
.profile_desc a {     
    text-decoration:none;
    border-bottom:1px dotted #2e445a;
    line-height:18px;
}

.myaccount_3 { vertical-align:top; width:200px; }
.whoview { width:42px; height:42px; float:left; margin-right:5px; margin-bottom:5px; }

.profile_0 { width:980px;margin-left:auto;margin-right:auto; }
.profile_1 { position:relative;z-index:100; }
.profile_2 { width:190px;position:absolute;top:0px; }
.profile_3 { position:relative;z-index:221; }
.profile_4 { }
.profile_4a { border:1px solid #d1d4d6; background-color:#fff; }
.profile_5 { width:190px;margin-left:5px; padding-top:5px;}
.profile_6 { /*background-color:#e2e4e9;*/border-bottom:1px solid #BFC6D7; }
.profile_7 { width:980px;margin-left:auto;margin-right:auto; }
.profile_8 { position:relative;width:980px;margin-left:auto;margin-right:auto;min-height:550px;z-index:200;background-color:#FAFBFF; }
.profile_9 { margin-left:210px; }
/* .profile_10 { float:left;width:400px; } */
.profile_11 { background-color:white; border-color:#BFC6D7; }
.profile_info_0 { font-size:3px;width:10px; }
.profile_info_1 { width:190px;vertical-align:top; padding-top:14px; }
.profilo_infobars { width:100%; }
.profilo_infobars td.d { width:100px; font-weight:600; background-color: white; padding-left:0px; vertical-align:top; }
.profilo_infobars td { padding:3px 3px 3px 3px; border-bottom:1px solid #e2e4e9; background-color: #f4f4f4; }

.friendbrowse_0 { padding-right:4px; vertical-align:top;width:120px; }
.friendbrowse_1 { vertical-align:top; padding-bottom:2px; padding-left:4px; }
.friendbrowse_2 { padding:4px;padding-bottom:10px;color:#889;padding-left:4px; }
.friendbrowse_3 { position:absolute; text-align:right; width:85px; height:16px !important; }
.friendbrowse_3a { border-radius:50px !important; border:2px solid #ccc; background-color:white; }
.friendbrowse_4 { width:90px;overflow:hidden;height:20px;white-space:nowrap; text-align:center; }
.friendbrowse_4 .username_s { font-size:13px; font-weight:600; }
.friendbrowse_5 { display:inline-block;float:left; }
.friendbrowse_6 { vertical-align:top;padding-bottom:2px; }
.friendbrowse_7 { background-color:#F4F5F9;padding-left:4px;border-bottom:1px solid #dddddd;padding-bottom:4px; }
.friendbrowse_8 { margin-right:8px;margin-bottom:8px; }
.friendbrowse_9 { width:100%; }

.ssca { padding-top:6px; padding-left:19px; padding-bottom:6px; }
.ssca span:first-child { color: rgb(57, 101, 166); }
.sscb { font-weight:bold; float:left;width:100%; border-top:1px solid #E0E6ED; }
.sscc { background-image:url(/images/1star_small_check.png); background-repeat:no-repeat; background-position:2px 6px; /* background-color:#e6e8eb; */ }
.sscc { background-image:url(/images/1star_small_check_b.png); } 
.sscc:hover { background-color:#d9dce0; }
.ssca:hover { background-color:#d9dce0; }
.sscd { max-height:152px;overflow:auto;background-color:#e0e5ef; }
.ssce { border:1px solid #dde3ea;padding:4px; }
.sscf { height:152px;overflow:auto;background-color:#e0e5ef; }
.sscg { border:1px solid #dde3ea;padding:4px; }
.ssch { margin:0px; font-size:12px;font-weight:bold;color:#355B7C; margin-right:6px; }
.ssci { width:100%; background-color:#E0E6ED; }
.sscj { width:100%; background-color:#eeeeee; border-bottom:1px solid #ddd; min-height:90px; }
.ssck 
{
    font-size:3px;
    height:5px; 
    background-color: #BFCBD7; 
    margin-bottom:1px;
    border-bottom:1px solid #999;
}
.sscl { background-color:#e8eaed;font-size:1px;height:1px;margin-bottom:6px; }
.sscm { border:1px solid #dde3ea;padding:4px; }
.sscn { max-height:600px;overflow:auto;/*background-color:#efefef;*/ min-height:16px; }
.ssco { padding:4px;vertical-align:top;width:90px; }
.sscp { padding:6px;padding-bottom:1px; vertical-align:top;  }
.sscq { margin-bottom:6px;height:25px;float:left; margin-right:2px; }
.sscr { padding-left:10px;text-align:left; }

.ssca_p0 { width:380px; display:inline-block; margin-left:3px; }
.ssca_p1 { width:150px; display:inline-block; }

.abold { text-align:left; }
.abold a { font-weight:bold; font-size:12px; }
 
.cm_i { padding:4px; }
.cm_a { border:1px solid #e6e6e7; padding:2px 0px 0px 4px; }
.cm_b { padding:2px; border:0px; background-color:#f8f8f8; /* background-color:#f3f3f3;march 2023 boxes in boxes */border-top:2px solid white;  }
.cm_j { padding:2px; border:0px; /* background-color:#f3f3f3;march 2023 boxes in boxes */ }
.cm_z { margin-top:2px; }
.cm_c { margin-top:1px; border:0px; /*border:1px solid #e6e6e7; march 2023 boxes in boxes */height:60px;overflow:hidden; }
.cm_d { margin-top:1px; border:0px; /*border:1px solid #e6e6e7; march 2023 boxes in boxes */padding:0px; min-height:30px; }
.cm_e { margin-top:1px;/border:0px !important; /*border:1px solid #e6e6e7; march 2023 boxes in boxes */background-color:white; margin-bottom:2px; }
.cm_f { border:0px; /*border:1px solid #e6e6e7; march 2023 boxes in boxes */padding:0px; }  
.cm_g { border:0px; /*border:1px solid #e6e6e7; march 2023 boxes in boxes */overflow:hidden; }
.cm_q { font-size:13px; }

.feed_editbox_0 { padding:4px;background-color:#F2F5FA;border-top:2px solid white; margin-bottom:12px; }
.feed_editbox_1 { padding:2px;background-color:white;  } /* border:1px solid #ececef; */
.feed_editbox_2 { height:52px;margin-top:1px;border:0px;padding:0px;overflow:hidden; font-size:14px; }
.feed_editbox_3 { padding:2px;background-color:white; } /* border:1px solid #e6e6e7; */
.feed_editbox_4 { height:52px;border:0px;margin-top:1px;font-size:15px; }
.feed_editbox_5 { padding:0px;color:#355B7C; } /* border:1px solid #e6e6e7; */
.feed_editbox_6 { width:100%; /*border-bottom:1px solid #dedede;*/ margin-bottom:4px; }
.feed_editbox_7 { height:20px;vertical-align:top; }
.feed_editbox_8 { padding:4px; }
.feed_editbox_9 { text-align:right;height:20px;vertical-align:top; }
.feed_editbox_12 { height:20px;vertical-align:top; }
.feed_editbox_13 { text-align:center;padding:4px; margin:0px; }
.feed_editbox_14 { font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif;height:14px;border:1px solid #e6e6e7; padding:3px; width:60%; vertical-align:middle; }
.feed_grabbutton { height:26px; line-height:12px; font-size:14px !important; font-weight:bold; }

.feed_editbox_2 { color:#9ea8b1; } 
.feed_editbox_2c { color:#9ea8b1; }

.tyrp90 { text-align:right; padding-left:0px; padding-top:4px; vertical-align:top; font-weight: bold; width:60px; padding:4px; }
.tyrp91 { text-align:right; padding:8px 6px 4px 8px;/*background-color:#eeeff2; border:1px solid #c1c5d0;*/ }
.tyrp92 { background-color:#eeeff2; }
.tyrp92 td { padding:0px; } /*padding:4px; march 2023*/
.thm    { float:left; margin-right:8px; }

.refresh { text-align:left; padding:6px; background-color:#e6e7ed; border:1px solid #c1c5d0;padding-right:6px; }
.refresh a { width: 130px; margin-right: 4px;padding:6px 6px 3px 6px; }

/* Broadcast to */
.bt_td { width:26px;text-align:left; }

.bt_div1
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:660;
}
.bt_div0
{
    /*position:relative;*/
    position:static;
    left:323px;
    top:96px;
    z-index:596;
}
.bt_div9
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bt_postcheckboxes { position:absolute;/*top:35px;left:-135px;*/ border:1px solid #96A5B4; padding:4px; background-color:#C2CDDA; }
.bt_tableborder { /* background-color:#f0f1f1; mar 2023 */ min-width:100px; }
#postcheckboxes { min-width:200px; }
.bt_tbl3 { font-weight:bold; background-color:#e6e7ed;text-align:left;padding:3px 6px 2px 6px;border:0px; height:16px; color:#2e445a; } /* border:1px solid #c1c5d0; */
.bt_closeb { text-align:right;padding:0px; }
.bt_list { white-space:nowrap;padding:4px;padding-right:26px; }
.bt_list input { margin-bottom:2px; }
.bt_outsideclick { position:fixed;top:0px;left:0px;height:100%;width:100%;display:none; background-color:black; opacity:0.6; filter:alpha(opacity=60); }
.bt_outsideclick { z-index:50; }
.bt_tbl5 { margin-top:4px;width:100%; }

/* form input grab link */
.lf_0 { font-size:13px; color:#293E5A;font-weight:bold;border:1px solid #e6e6e7;background-color:#efefef;width:100%;line-height:13px; padding:8px; margin-bottom:8px; box-sizing: border-box; }
.lf_1 { padding-top:10px;overflow:hidden;width:100%; }
.lf_tb { width:100%; table-layout: fixed; }
.lf_td { vertical-align:top;padding:6px;padding-top:0px;padding-right:0px; width:160px; padding-left:0px; }
.lf_tda { vertical-align:top; /*padding-left:10px;*/ }
.lf_tdb { overflow:hidden;width:100%; }
.lf_dv0 { font-size:12px;overflow:hidden;width:100%;white-space: nowrap; }
.lf_dv1 { overflow:hidden;width:100%; }
.lf_dv2 { margin-right:4px;width:16px;height:16px; float:left; }
.lf_txa { min-height:47px; font-size:12px;border:0px;background-color:#efefef;width:100%;line-height:13px; padding:4px; padding-left:8px; box-sizing: border-box;}
.lf_dv3 { width:16px;height:16px;float:left; }
#img_previewnophoto img { width:120px; }

.video-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.vd_thumbnail-container {
    width: 35%; /* Adjusted width to accommodate margin */
    margin-right: 10px;
    overflow: hidden;
    max-width:240px;
}

.vd_thumbnail-container img {
    width: calc(100% - 10px);
    height: auto;
    cursor: pointer;
    border-radius:5px;
    margin-left:10px;
}

.vd_info-container {
    width: 100%;
    word-wrap: break-word;
    margin-right:8px;
}

.vd_rounded_embed
{
    border-radius:4px;
}

.rel_r { font-size:11px; }

.noround { border-radius:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } /* force and element to be not rounded */

.bt_postemoticons { position:absolute;top:-55px;right:2px; border:1px solid #96A5B4; padding:4px; background-color:#C2CDDA; }

/* button font */
.bigmessagegreen input.cutebuttonb,
.bigmessagegreen input.cutebuttonb, .bigmessagegreen input.cutebuttonb a,
.bigmessagegreen input.cutebuttonb:hover, .bigmessagegreen input.cutebuttonb a:hover,
.cutebuttondark, .cutebutton, .cb, .cbbutton,input.submit,button,button.submit,.smallremovebutton, .feed_actionlink 
{    
    font-weight: 600; 
    font-size: 12px; /* 11px; */
}
/*.comment_body { font-size:14px; }*/
.feed_commentpostbutton, .rel_c { font-size:14px; }
.rel_c1 { font-size:11px; text-decoration:none; /* Delete / Spam / Photo on subcomment */ }

/* Bold action-links (Comment/Delete/Cool/...) */
.rel_c1, .rel_c, .comment_header { font-weight:600; }
.cutebuttondark, .cutebutton,.cbbutton, .feed_actionlink { background-position:0px 0px; } 
.cutebuttondark:hover, .cutebutton:hover,.cbbutton:hover { background-position:0px -28px; }

.cutebutton_subscribe { /*background-image: url(/images/cutebuttongold.gif);*/ border-color:#DB9C0C;color:#3A2902;border:1px solid #DB9C0C; background-position:0px 0px; background-color:#ffcd61 !important; }
.cutebutton_subscribe a {color:#3A2902;}
.cutebutton_subscribe:hover { background-position:0px -28px; color:#000; }
.cutebutton_unsubscribe { background-position:0px 0px; background-color:#b1d0f3; /* background-image: url(/images/error3bg.gif) !important; */ border:1px solid #5599da; }

.cutebutton_unsubscribe:hover { background-position:0px -18px; background-color:#cee1f6; border-color:#80b0de; }
.cutebutton_unsubscribe a:hover { }
.cutebutton_red { background-position:0px 0px; background-image: url(/images/error2bg.gif); border:1px solid #db0c0c; color:white !important; }
.cutebutton_red:hover { background-position:0px -18px;  }

/* March 2023
.cutebutton_unsubscribe { background-color:#3666a7; color:white; }
.cutebutton_unsubscribe a { color:white; }
.cutebutton_unsubscribe:hover { background-color:#588ace; border-color:#80b0de; color:white; }  
*/

.hoverpreview
{
	position:absolute;
	border:1px solid #ffffff; 
    padding:4px; 
    background-color:rgb(242, 242, 242);
	display:none;
	color:#112;
    box-shadow: 1px 1px 1px 1px #00000015;
    border-radius: 10px; /* Adding rounded corners */
}

.imgpreview
{
	position:absolute;
	border:1px solid #96A5B4; 
    padding:4px; 
    background-color:#fefefe;
	display:none;
	color:#112;
    box-shadow: 1px 1px 1px 1px #00000015;
}

/* big input */
.bi { padding:5px; border:1px solid #e6e6e7 !important; background-color:white; font-size:13px; }

/* Shadow on hover boxes */
#m_menu, #postcheckboxes, #postemoticons, .imgpreview 
{ 
    box-shadow: 1px 1px 1px 1px #00000015;
}

#m_menupos { position: absolute; }

/* Subtle shadow around photos on feeds and browse */
.photoshadow 
{ 
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
}
/* editfeed icon selected */
.selecimg 
{ 
    border:1px solid #96A5B4; background-color:white;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
}
.editfeed_0 { border:1px transparent; display:inline-block; cursor:pointer; padding:3px 1px 0px 2px; margin:0px 1px 0px 1px; }
.editfeed_0:hover
{
    background-color:#ececec;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);
}

/* class="h1b photoshadow" */
.dialogbox 
{ 
    border:1px solid #96A5B4; 
    padding:10px; 
    background-color:#e5e5e5;
}

/* same but tight corners */
.dialogboxsmall 
{ 
    border:1px solid #d1d4d6; 
    padding:4px; 
    background-color:#fff;
}

.generic_error { 	
    font-weight:600;
	font-size:13px;
	color:#0A4377;
	margin:auto;
	border:0px;
}
.generic_error a {
    text-decoration:none; 
	font-weight:600;
	font-size:13px;
	color:#2D435C;
	border:0px;
}
.youtube-title-bar { margin-bottom:0px;line-height:18px; font-size:20px; font-weight:normal; margin-bottom:12px; }
.youtube-player { width:740px; height:450px;; padding:0px; padding-bottom:0px; }

.showredborders { border:3px solid red; }
.showredborders td { border:2px solid blue; }

.signuppreview 
{ 
    background-size: 100% auto;
    background-position:50% 30%; 
    width: 200px; 
    height: 150px;
    background-size: cover;
}

.video-description
{
    font-size:15px;
    padding:8px;
    text-align:justify;
}

.video-description a
{    
    font-size:13px;
    text-decoration:none;
    border-bottom:1px dotted #133351;
    line-height:18px;
    color:#133351;
    font-weight:bold;
}

.video-viewcount { vertical-align:top;width:190px;text-align:right;font-size:22px; padding:10px; }

/*
.lonecomments div.cm_b { background-color:white; }
.lonecomments div.cm_c { overflow:hidden; color:#355B7C; background-color:#f8f8f8; }
.lonecomments div.comment_body,.lonecomments div.comment_bg { background-color:#f3f3f3; }
.lonecomments div.cm_a { border-width:3px; }
.lonecomments .pagelink_sel { background-color:#e3e3e3; }
*/

/*
.lonecomments .dotub 
{
    
    background-color:transparent;
    line-height:34px;
    height:28px;
    margin-top:1px;
} 
*/
/* border-right:1px solid #e6e6e6; */

/*.lonecomments .dotub:hover { background-color:#f4f4f4; }*/
/*.lonecomments .cm_b { background-color:#ebebec; }*/

.lonecomments div.cm_c
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;    
}

.lonecomments_seperated div.comment_body,.lonecomments_seperated div.comment_bg { border: 1px solid #d1d4d6; margin-bottom:3px; }
.lonecomments_seperated div.cm_b { margin-top:4px;border: 1px solid #e6e6e7; }
.lonecomments_seperated div.cm_c { margin-top:1px;border: 1px solid #e6e6e7; padding:0px; }
.lonecomments_seperated .cm_z { margin-top:2px; }
.lonecomments_seperated .cm_b { padding:2px 2px 0px 2px; border-top:2px solid white; }
.lonecomments_seperated div.cm_c, .cm_c { margin-bottom:3px; }

.feed_bigfloat { float:left; margin: 0px 4px 8px 1px; }
.msg_divider { } 

/* Header Menu */
.m_flcnt { position:relative; top:0px; left:0px; z-index:1014; width:1px; }
#m_menu { position:absolute;top:0px; border:1px solid #96A5B4; padding:4px; background-color:white; z-index:50; text-align:left; }
#m_clickclosebox { position:fixed;top:0px;left:0px;height:100%;width:100%;display:none; background-color:black; opacity:0.6; filter:alpha(opacity=60); }
#m_clickclosebox { z-index:11; } 

.bd_overlay_div 
{
  display: none;
  z-index:12;
}

.bd_sticky_header
{
  position: sticky;
  top: 0;
  z-index: 1;
}

.bd_custom_scroll
{
  max-height: calc(100vh - 50px); /* You can adjust this value */
  overflow-y: auto;
}
  
.bt_tableborder { z-index:45; width:100%; }      

/* Special names and title font */
.specialtitle { font-size:24px; font-weight:bold; }
.youtube-title-bar { }

.whoview_pad {height:10px;}

/* feed_editbox */
.bborder
{
    padding:3px 4px 0px 3px;
    display:inline-block;
    height:26px;
    vertical-align:middle;
    border:1px solid transparent;
    cursor:hand;    
}
span.bborder i 
{
    cursor:hand;
}
.bborder:hover 
{ 
    padding:3px 4px 0px 3px;
    border:1px solid #dddddd; 
    background-image:url(/images/cutebuttongr.gif);
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 1px 0px 0px inset;
    cursor:hand;
}
.emo_list 
{ 
    padding:4px; 
    padding-right:4px; 
    padding-bottom:4px; 
    width:343px;
    max-height:300px;
    overflow-y:scroll;
    font-size:18px;
}
.emo_list span i 
{ 	
	cursor:pointer;  
}
.emo_list span
{
    padding:1px 1px 1px 1px;
    display:inline-block;
    vertical-align:middle;
    width: 24px; 
    height: 24px; 
    cursor:pointer; 
    border-radius:4px;
    text-align:center;
}
.emo_list span:hover 
{ 
    /*border:1px solid #AEB4BC;*/ 
    /*background-image:url(/images/cutebuttongr.gif);*/
    background-color: #e6e7ed;
}

.inputWrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    /*padding: 1px;*/
    top:0px;
    font-size:14px !important;
    
    aspect-ratio: 174 / 123; 
    margin-left:0px; 
    width: 28px; 
    height: 100%; 
    display: inline-block; 
    box-sizing: border-box;
}
.fileInput {
    cursor: pointer;
    height: 28px;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
        
/* background-image:url(/images/skins/{$WEBSITE_SKIN}/signup_profile.gif */

/* fluid youtube video container */
.video-container {
    position: relative;

    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Button comments - Dec 7 / 2014 */
.comment_body, .comment_bg, .comment_bg_blank { border-radius:0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; }
.comment_bg, .comment_bg_blank { background-color:#f8f8fa; }
.comment_body, .comment_bg, .comment_bg_blank { margin-top:0px;  } /* border-top:1px solid #e3e3e3; */
.feed_commentwidth { padding-left:0px !important; padding-right:0px !important; padding-bottom:0px !important;}

/* Dotu buttons */
.dotub 
{
    text-decoration:none;
    border-bottom:0px;
    line-height:34px;
    height:34px;
    display:inline-block;
    padding-left:6px; 
    padding-right:6px;
    /* Feb 2023
    border-right:1px solid #d8d8d8;
    background-color:#ececec;
    */
}

.dotub:hover 
{
    text-decoration:none;
    background-color:#e8e8e8;
    border-bottom:0px;
}

.comment_pd0 { padding: 0px 0px 0px 0px; margin:0px; }
.comment_header { padding: 0px 0px 0px 0px; margin:0px; }
.comment_header { height:28px; line-height:30px; }
.browse_next a, .browse_next a:hover { border-bottom:0px; }
.browse_next { height:30px; line-height:30px; }

/* Galleries and photos */
.cm_z { margin-top:0px; }
.cm_b { border-top:0px; /* border-top:1px solid #e3e3e3; */ padding:3px 3px 2px 4px; }

.cm_b {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#custom_lightbox_container, #lightboxbox
{
    width:auto;
    height:auto;
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );    
}

#custom_lightbox_container
{
    z-index:596;
}

#lightboxbox
{
    z-index:590;
}

#custom_lightbox_overlay
{
    z-index:595;
}

.lightboxbody { padding: 4px; background-color:white; }
.lightboxtitle { font-weight:600; padding:2px 4px 4px 4px; }

.pagelink_sel 
{ 
    font-weight:bold;	
    background-color:#346eab;
    color:white;
}

.pagelink_usel
{    
    background-color:#cfcfcf;
    color:#204b84;
}

.pagelink_sel, .pagelink_usel 
{ 
    min-width:14px; 
    display:inline-block; 
    text-align:center; 
    font-size:12px; 
    padding:1px 4px 2px 5px !important;
    line-height:24px  !important;
    margin-left:2px !important;
    margin-right:2px !important;
}

#bd_search, #bd_feedsearch, #bd_usersearch { padding:5px; }
.tooltips { background-color:#5599db; padding:3px; color:white; font-weight:bold; font-size:13px; }
.tooltips div.bt_tbl3 { background-color:#3b76ae; }
.tooltips div.br_body { background-color:#5599db; }

.tooltips_black { background-color:#000; padding:2px; color:#eee; font-weight:bold; font-size:11px; }
.tooltips_black div.bt_tbl3 { background-color:#000; }
.tooltips_black div.br_body { background-color:#000; }

.tooltips_white { background-color:#f9f9f9; padding:2px; 
    -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.65);
 
}
.tooltips_white div.bt_tbl3 { background-color:#fff; }
.tooltips_white div.br_body { background-color:#fff; }

.updatestatus 
{
    padding-bottom:6px;
    color:#ccc;
    border-bottom:1px solid #e1e1e1;
}

.updatestatus span 
{
    font-weight:600;
    color:#18222c;
    padding:8px;
}

.updatestatus .sel
{
    background:url(/images/carrotfeed.png);
    background-position:bottom; 
    background-repeat:repeat-x;
}

.carrot 
{
    width: 36px;
    height: 19px;
    background-image: url('/images/carrot.png');
    background-size: cover;
}

.updatestatus a
{
    border:0px;
    padding:8px;
    color: #3965a6;
}

.updatestatus a:hover
{
    background-color:#eaeaec;
    color:#325aad;
}

.updatestatus span, .updatestatus a 
{
    font-size:12px;
}

.updatestatus span { padding-left:0px; padding-right:3px; }
.updatestatus a { padding-left:3px; padding-right:5px; }

.oiyellowcarrot
{
    background:url(/images/yellow_tab.png);
    background-color:#f0f0f0;
    width:20px;
    display:table-cell;
    vertical-align:top;    
}
.oiyellow
{
    background:url(/images/yellow_tab.png);
    background-position:-20px 0px;
    background-color:#f0f0f0;
    /* border:1px solid #db9c0c; border-left:0px; */
    width:1px;
    display:table-cell;
    font-weight:bold;
    font-size:12px;
    color:#3a2902;
    text-align:center;
}
.oiyellow a
{
    color:#58410b;
}
.oiyellow_b:hover 
{ 
    border-color:#daa42b;
    background:none;
    background-color:#e3b34b;
    color:#58410b;
}
.oiyellow_b
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-position:-20px 0px;
    background-color:rgb(253, 212, 131);
    border-color:#cf9f42;
    color:#58410b;
    font-size:19px;
    line-height:7px;
    border-color:#e1b551;
    color:#58410b;
    padding:10px 8px 2px 8px;
    height:16px;
    transform: translateY(1px);    
}
.oiyellow
{
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.oiinside_a
{
    width:124px;
    padding-top:13px;
}
.oiinside_b
{
    width:28px;
    font-size:22px;
    display:none;
    padding-top:8px;
}

.cm_c, .cm_e, .cm_d { 
    padding:3px;
    min-height:22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;     
}
.cm_i { min-height:42px; }
.cm_d { min-height:42px; }

.feed_v5 { text-align:center; /*background-color:#e9e9ea; march 2023 boxes in boxes */ }
.feed_v5 { vertical-align:top; }
.feed_v5 img
{
    max-width:100%;
    margin-left:0px;
    margin-right:0px;
    vertical-align: top;
}

.feed_col2 div.cm_j div { min-height:32px; }

.threadwidth0 { width:600px; }
.myicon_big { width:200px; border-radius: 4px; }

.b0 { /*background-color:#DBDFE8;*/ }
.b1 { background-color:#f3f3f8; }
.b2 { background-color: #EFF1F8; } /* blue */

.search_col_b0 { background-color:#E7E9EE; }
.search_col_b1 { background-color:#E7E9EE; } /* #DBDFE8 */

.browse_lg tr.b0 { }
.browse_lg tr.b1 { background-color:#DBDFE8; }
.browse_sm tr.b0 { }
.browse_sm tr.b1 { background-color:#DBDFE8; }
.browse_rm tr.b0 { }
.browse_rm tr.b1 { background-color:#DBDFE8; }
.browse_det tr.b0 { background-color:#E4E9EF; }
.browse_det tr.b1 { background-color:#E9EFF6; }
.mxwnone { max-width:none !important; }
.browse_mypicture_s .s_img { height:66px; width:88px; }
.browse_mypicture_l .s_img { height:140px; width:184px; }
.fitsize { object-fit: cover; }
.browse_sm td { padding-left:2px; padding-bottom:4px; padding-right:4px; }
.profile_galleries { width:100%; }
.profile_galleries td { width:25%; }
.profile_galleries td img { max-width:178px; aspect-ratio: 320 / 240; }
.feds_o 
{ 
    margin-bottom: 5px !important;
    padding-bottom: 3px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 3px !important;
    font-size: 12px !important;
    height:auto !important;
    line-height:14px !important;
}
.compact_m { min-height:138px;border-collapse: separate !important;padding:0px !important; }
.compact_m td { vertical-align:top; }
.img100aspect { width:100%; aspect-ratio: 320 / 240; }
pre { font-size:9px; font-family:Tahoma; font-weight:bold; line-height:10px; }
.fl_inline { float:left; height: 142px; overflow:hidden; }

.bd_gallerybrowse_d { table-layout: fixed; }
.cover_thumb td { padding-right:4px;padding-left:4px; }
.cover_thumb img { width:100% !important; aspect-ratio: 320/100; }
.cover_thumb .s_img { aspect-ratio: 320/100; height:auto; }
.qrcode_share { width:190px; min-height:190px; height:auto; }
.qrcode_share_placeholder { width:200px; height: 300px; }
.url_share { background-color: #e6e7ed !important; padding:4px;  width:88%; text-align: center; }
.url_share_div { width:90%; margin-left:auto; margin-right:auto; }
.edit_gallery_preview { width:100%; }
.edit_gallery_preview img { width:44px; aspect-ratio: 100/100; object-fit: cover; margin:2px 2px 2px 2px; display: block; }

.browse_mypicture_v td, .browse_mypicture_t td
{
    width:33%;
	text-align:center;
	padding:4px;
}

.browse_mypicture_t tr:last-child, .browse_mypicture_v tr:last-child {
  padding-bottom: 0;
}
.browse_mypicture_t td:first-child, .browse_mypicture_v td:first-child, .browse_mypicture_l td:first-child  {
  padding-left: 0;
}
.browse_mypicture_t td:last-child, .browse_mypicture_v td:last-child, .browse_mypicture_l td:last-child {
  padding-right: 0;
}
.browse_mypicture_t, .browse_mypicture_v, .browse_mypicture_l  { table-layout: fixed; }
.browse_mypicture_v .black_filler, .browse_mypicture_t .black_filler
{ 
    background-color:black;
    width:100%; 
    max-width:250px; 
    overflow:hidden;
}

.browse_mypicture_t .s_img , .browse_mypicture_v .s_img { border:0px; }
.browse_mypicture_t .shrinksize, .browse_mypicture_v .shrinksize { object-fit: cover; border-radius:0px; }
.notification_icon_size { width: 48px; height: 48px; }
.notification_icon_size_m { width: 40px; height: 40px; float:left;margin-right:4px; /* margin-bottom:4px; */ }

.browse_mypicture_v .black_filler, .browse_mypicture_v .shrinksize { height: 188px; max-height:188px; }
.browse_mypicture_t .black_filler, .browse_mypicture_t .shrinksize { height: 440px; max-height:440px; }
.warningred { background-color:#d93232; color:#fcfcfc; border-color:#a00; background-image: none; }
.pd80 { padding: 8px 0px 8px 8px; }

/* arrange images */
.ar_img { aspect-ratio: 320 / 240;width:100%;object-fit: cover; }
.ar_wait { width:32px; height:32px; margin-top:50px; border-0px !important;  content: url("/images/loading.gif"); }

.feed_previewimg { min-width:60px; width:120px; }

/* Portrait mode on tablet */
.nobold { font-weight:normal !important; }
.rightside_feedpad { padding:0px 4px 0px 4px; }

/* Constant height pics in a row */

.pics_in_a_row_single
{
    text-align:center;
    /*display: inline-block; May 7 2023*/
    display: block;
    /* display: flex; */
    /* padding:0px 4px 0px 4px; */            
    padding:0px;
    margin-bottom:4px;
}

.pics_in_a_row_circle_video
{
    height:56x;
    width:56px;
    margin-left:auto;
    margin-right:auto;
    transform: translate(2px, 5px);
}

.pics_in_a_row_single img
{    
    max-width: 100%;
    height: auto;
    border-radius:0px;
    max-height:980px;   
    display: block;   
    margin:auto;
}

.pics_in_a_row_single_comments .pics_in_a_row_single
{
    padding:2px 2px 0px 2px;
}

.pics_in_a_row_single_comments .pics_in_a_row_single video,
.pics_in_a_row_single_comments .pics_in_a_row_single img,
.pics_in_a_row_single_comments .pics_in_a_row img
{
    border-radius:10px;
}

.pics_in_a_row
{
    padding:0px 4px 4px 4px;
}

.pics_in_a_row img 
{
    width: 100%;
    height: auto;
    vertical-align: middle;  
    border-radius:4px;
}

.pics_in_a_row div 
{
    padding:0px;
}

.pics_in_a_row div div 
{
    padding:0px; 
}

.pics_in_a_row 
{
    display: flex;
}

.pics_in_a_row > div:not(:last-child) 
{
    /* margin-right: 2%;*/
    padding-right:5px;
}

.pics_in_a_row_col2:not(:last-child)
{
    padding-top:5px;
}

/* Text under content */

.pics_in_a_row_content
{
    width:auto;
    height:40px;
    position:relative;
    overflow-x:hidden;     
}

.pics_in_a_row_abs
{
    white-space: nowrap;
    position:absolute;
    top:0;
    left:0;
}

/* Text over content (+5) */

.pics_in_a_row_container 
{
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px !important;
  padding:0px !important;
}

.pics_in_a_row_box 
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;    
  padding:0px !important;
}

.pics_in_a_row_overlay 
{
  z-index: 9;
  margin: 0px !important;
  background-color: #000;
  padding:0px !important;
  opacity: 0.7;
  border-radius:4px; 
  text-align:center;
  vertical-align:middle;
}

.pics_in_a_row_ttext
{
  z-index: 12;
  margin: 0px !important;
  padding:0px !important;
  text-align:center;
  color:white;
  width: 100%;
  height: 100%;
}

.pics_in_a_row_ttext, .pics_in_a_row_ttext a { color: white; font-size:16px; }
.pics_in_a_row_deeper { display: table-cell; vertical-align: middle;text-align:center; }
.pics_in_a_row_inner { display: table; height: 96%; width:96%; }
.hidden { display: none; }

/* Cool | Not Cool | Unsubscribe button color */
/* .comment_header a.dotub, .comment_bgbuttons_blank a.dotub { color:#999;  } */
/* .comment_body a.rel_c { color:#999;  } */

.updatestatus span, .updatestatus a 
{
    font-size:14px;
}

.comment_body { padding:8px; }
.comment_edit8 { padding-left:6px;padding-right:6px;padding-top:6px; }
.str_saycool0 { color:#66b1ff; font-weight:600; font-size:13px; }
.str_saycool1 { color:#e59400; font-weight:600; font-size:13px; } 
.str_uns0 { color:#e59400; }
.str_uns1 { color:#444444; } /* COOL Button */
.str_cl1 { color:#e59400; } /* COOL Button */
.str_cl2 { color:#444444; } 
.str_cl3 { color:#444444; } 
.str_cl4 { color:#444444; } 
.str_cl5 { color:#444444; } 
.str_cl6 { color:#66b1ff; } /* NOT COOL Button */
.str_cl7 { color:#444444; } /* Slide open COMMENT box */
.str_cl8 { color:#444444; } /* Sign in to make comment */
.str_sds { color:#444444; } /* Share Delete Spam Feb 2023 */

.cb_r1, .lonecomments div.cb_r1 { background-color:#f6f6f6; }
.cb_r0, .lonecomments div.cb_r0 { }
.cb_r0, .cb_r1 { border-top: 0px; }

/* Icon widths  */
.myicon0 { width:40px; height:40px; }
.myicon0_td { width:40px; }

.myicon1 { width:48px; height:48px; }
.myicon1_td { width:48px; }

.myicon2 { width:28px; height:28px; }
.myicon2_td { width:28px; }

.myicon3 { width:40px; height:40px; }
.myicon3_td { width:40px; vertical-align:top; }

.indent_0 { }
.indent_1 { padding-left:35px; }
.indent_2 { padding-left:64px; }
.indent_3 { padding-left:93px; }
.indent_4 { padding-left:122px; }

/* themes */ 
#eid_edit { outline: 0px solid transparent; }
#bd_themecontainer { min-height:88px; }
#themelistbox { padding-left:7px;padding-bottom:8px; /*display: flex; justify-content: center;align-items: center;flex-wrap: wrap; */ }

.thm_container > div:first-child { vertical-align:top; padding:0px 8px 8px 8px; }
.thm_preview { background-color:white; display:inline-block; margin-top:8px !important; cursor:pointer; }

.thm_1,
.thm_2,
.thm_3,
.thm_4,
.thm_5
{ 
    min-height:400px; 
    vertical-align:middle; 
    display: block; 
    text-align:center;
    background-size: 100%;  
}
.thm_1 > div:first-child,
.thm_2 > div:first-child,
.thm_3 > div:first-child,
.thm_4 > div:first-child,
.thm_5 > div:first-child
{ 
    padding:50px 50px 50px 50px; 
    display:table-cell; 
    vertical-align:middle; 
}
.thm_1 div,
.thm_2 div,
.thm_3 div,
.thm_4 div,
.thm_5 div
{ 
    display: block; 
}

.thm_0 { }

.thm_1 { background-color:#ffe6dd; box-shadow: 2px 1px 69px 17px rgba(245, 177, 176,0.75) inset;-webkit-box-shadow: 2px 1px 69px 17px rgba(245, 177, 176,0.75) inset;-moz-box-shadow: 2px 1px 69px 17px rgba(245, 177, 176,0.75) inset; color:#570100; }
.thm_1, .thm_1 div { font-family: "Brush Script MT", cursive !important; font-size:25px; }

.thm_2 { background-color:#ddffdd; box-shadow: 2px 1px 69px 17px rgba(121,200,122,0.75) inset;-webkit-box-shadow: 2px 1px 69px 17px rgba(121,200,122,0.75) inset;-moz-box-shadow: 2px 1px 69px 17px rgba(121,200,122,0.75) inset; color:#000; }
.thm_2, .thm_2 div { font-family: Impact !important; font-size:25px; }

.thm_3 { background-image:url(/images/themebackgrounds/smiles2.jpg); background-color:#f9d85f; color:#3d2a00; }
.thm_3, .thm_3 div { font-family: Comic Sans MS !important; font-size:25px; }

.thm_4 { background-image:url(/images/themebackgrounds/smiles1.jpg); color:#a71c1b; }
.thm_4, .thm_4 div { font-family: Didot,"Brush Script MT" !important; font-size:25px; }

.thm_5 { background-color: rgb(36, 82, 144); color:#ffffff; }
.thm_5, .thm_5 div { font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif; font-size:25px; }

.thm_6,
.thm_7,
.thm_8,
.thm_9,
.thm_10
{ 
    min-height:250px; 
    vertical-align:middle; 
    display: flex; align-items: center;
    text-align:center;
    background-size: 100%;  
}
.thm_11
{ 
    min-height:300px; 
    display: block; 
}
.thm_6 > div:first-child,
.thm_7 > div:first-child,
.thm_8 > div:first-child,
.thm_9 > div:first-child,
.thm_10 > div:first-child
{ 
    padding:50px 50px 50px 50px; 
    display:table-cell; 
    vertical-align:middle; 
}
.thm_6 div,
.thm_7 div,
.thm_8 div,
.thm_9 div,
.thm_10 div
{ 
    display:block; text-align:center; 
}

/* Theme 6 */
.thm_6 {
    background: linear-gradient(135deg, #ff6f61, #d4a5a5);
    color: #330000;
    font-family: 'Bungee', sans-serif !important;
    font-size: 26px;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    border: 3px solid #660000;
    border-radius: 0px;
    letter-spacing: 2px;
}

.thm_6 { font-family: 'Bungee', sans-serif !important; }
    
/* Theme 7 */
.thm_7 {
    background: repeating-linear-gradient(
        -45deg,
        #ffdd57,
        #ffdd57 10px,
        #ff7a57 10px,
        #ff7a57 20px
    );
    color: #2b2b2b;
    font-family: 'Press Start 2P', cursive !important;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 0 #ff4500;
}

.thm_7 div { font-family: 'Press Start 2P', cursive !important; }
    
/* Theme 8 */
.thm_8 {
    background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
    color: #fff;
    font-family: 'Monoton', cursive !important;
    font-size: 28px;
    padding: 20px;
    text-align: center;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    margin:20px;
    width:auto;
    max-width: calc(100% - 40px);
    animation: glow 1.5s ease-in-out infinite alternate;
    border:0px;
}

.thm_8 div {
    font-family: 'Monoton', cursive !important;
    }
@keyframes glow {
    from { box-shadow: 0 0 10px #f64f59, 0 0 20px #c471ed, 0 0 30px #12c2e9; }
    to { box-shadow: 0 0 20px #f64f59, 0 0 30px #c471ed, 0 0 40px #12c2e9; }
}

/* Theme 9 */
.thm_9 {
    background: radial-gradient(circle, #6a11cb, #2575fc);
    color: #ffddc1;
    font-family: 'Alfa Slab One', cursive !important;
    font-size: 24px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: -2px 2px 0px #ff9a8b, 2px -2px 0px #ff6a88, -2px -2px 0px #ff99ac;
    border: 5px double #ff6a88;
    border-radius: 20px;
}

.thm_9 div {
    font-family: 'Alfa Slab One', cursive !important; }
    
/* Theme 10 */
.thm_10 {
    background: conic-gradient(from 45deg, #ff8a00, #ff1b6b, #9b51e0, #ff8a00);
    color: #ffffff;
    font-family: 'Grenze Gotisch', cursive !important;
    font-size: 22px;
    padding: 25px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 15px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    animation: rotate-bg 10s linear infinite;
    border:0px !important; 
}

.thm_10 div { font-family: 'Grenze Gotisch', cursive !important; }

@keyframes rotate-bg {
    from { background-position: 0% 0%; }
    to { background-position: 100% 100%; }
}

/* Theme 11 with green inner glow */

.thm_11 {
    background: linear-gradient(180deg, #003300, #001a00); /* Darker green CRT gradient background */
    color: #33ff33; /* Bright green text */
    font-family: 'Press Start 2P', monospace !important;
    font-size: 11px;
    border-radius: 19px; /* Rounded corners */
    border:none;
    text-align: left;
    line-height: 1.5;
    box-shadow: inset 0 0 15px rgba(51, 255, 51, 0.5); /* Green inner glow */
    animation: thm11_flicker 0.1s infinite; /* Flickering effect */
    overflow-wrap: break-word;
    word-break: break-word;
}

.thm_11 div { font-family: 'Press Start 2P', monospace !important; }

/* Blinking cursor effect */
.thm_11::after {
    content: "_";
    animation: thm11_blink 1s step-start infinite;
    margin-left: 15px;
}
.thm_11 > div:first-child
{ 
    padding:15px 15px 15px 15px;
}
/* Unique Keyframes for Flickering Screen Effect */
@keyframes thm11_flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        opacity: 0.99;
    }
    20%, 24%, 55% {
        opacity: 0.8;
    }
}

/* Unique Keyframes for Blinking Cursor Effect */
@keyframes thm11_blink {
    50% { opacity: 0; }
}

/* Theme Stubs for .thm_20 to .thm_60 */

.thm_20, .thm_21, .thm_22, .thm_23, .thm_24, .thm_25, .thm_26, .thm_27, .thm_28, .thm_29, 
.thm_30, .thm_31, .thm_32, .thm_33, .thm_34, .thm_35, .thm_36, .thm_37, .thm_38, .thm_39, 
.thm_40, .thm_41, .thm_42, .thm_43, .thm_44, .thm_45, .thm_46, .thm_47, .thm_48, .thm_49, 
.thm_50, .thm_51, .thm_52, .thm_53, .thm_54, .thm_55, .thm_56, .thm_57, .thm_58, .thm_59, 
.thm_60, .thm_61, .thm_62
{ 
    min-height: 250px; 
    vertical-align: middle; 
    display: block; 
    text-align: center;
    background-size: 100%;  
}

.thm_20 > div:first-child, .thm_21 > div:first-child, .thm_22 > div:first-child, 
.thm_23 > div:first-child, .thm_24 > div:first-child, .thm_25 > div:first-child, 
.thm_26 > div:first-child, .thm_27 > div:first-child, .thm_28 > div:first-child, 
.thm_29 > div:first-child, .thm_30 > div:first-child, .thm_31 > div:first-child, 
.thm_32 > div:first-child, .thm_33 > div:first-child, .thm_34 > div:first-child, 
.thm_35 > div:first-child, .thm_36 > div:first-child, .thm_37 > div:first-child, 
.thm_38 > div:first-child, .thm_39 > div:first-child, .thm_40 > div:first-child, 
.thm_41 > div:first-child, .thm_42 > div:first-child, .thm_43 > div:first-child, 
.thm_44 > div:first-child, .thm_45 > div:first-child, .thm_46 > div:first-child, 
.thm_47 > div:first-child, .thm_48 > div:first-child, .thm_49 > div:first-child, 
.thm_50 > div:first-child, .thm_51 > div:first-child, .thm_52 > div:first-child, 
.thm_53 > div:first-child, .thm_54 > div:first-child, .thm_55 > div:first-child, 
.thm_56 > div:first-child, .thm_57 > div:first-child, .thm_58 > div:first-child, 
.thm_59 > div:first-child, .thm_60 > div:first-child, .thm_61 > div:first-child, .thm_62 > div:first-child 
{ 
    padding: 50px 50px 50px 50px; 
    display: table-cell; 
    vertical-align: middle; 
}

.thm_20 div, .thm_21 div, .thm_22 div, .thm_23 div, .thm_24 div, .thm_25 div, 
.thm_26 div, .thm_27 div, .thm_28 div, .thm_29 div, .thm_30 div, .thm_31 div, 
.thm_32 div, .thm_33 div, .thm_34 div, .thm_35 div, .thm_36 div, .thm_37 div, 
.thm_38 div, .thm_39 div, .thm_40 div, .thm_41 div, .thm_42 div, .thm_43 div, 
.thm_44 div, .thm_45 div, .thm_46 div, .thm_47 div, .thm_48 div, .thm_49 div, 
.thm_50 div, .thm_51 div, .thm_52 div, .thm_53 div, .thm_54 div, .thm_55 div, 
.thm_56 div, .thm_57 div, .thm_58 div, .thm_59 div, .thm_60 div, .thm_61 div, .thm_62 div
{ 
    display: block; 
    text-align: center; 
}

/* Theme 20 */
.thm_20 {
    background-color: #ffeb3b;
}
.thm_20, .thm_20 div {
    color: #333;
    font-family: 'Pacifico', cursive;
    font-size: 24px;
    text-transform: capitalize;
    font-style: italic;
}

/* Theme 21 */
.thm_21 {
    background-color: #795548;
}
.thm_21, .thm_21 div {
    color: #ffecb3;
    font-family: 'Bungee', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 3px 3px #333;
}

/* Theme 22 */
.thm_22 {
    background-color: #8bc34a;
}
.thm_22, .thm_22 div {
    color: #212121;
    font-family: 'Roboto Mono', monospace;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Theme 23 */
.thm_23 {
    background-color: #607d8b;
}
.thm_23, .thm_23 div {
    color: #ff9800;
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

/* Theme 24 */
.thm_24 {
    background-color: #f5f5f5;
}
.thm_24, .thm_24 div {
    color: #0d47a1;
    font-family: 'Indie Flower', cursive;
    font-size: 26px;
    font-style: italic;
    text-shadow: 1px 1px 2px #333;
}

/* Theme 25 */
.thm_25 {
    background-color: #3e2723;
}
.thm_25, .thm_25 div {
    color: #ffab91;
    font-family: 'VT323', monospace;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #000;
}

/* Theme 26 */
.thm_26 {
    background-color: #fbe9e7;
}
.thm_26, .thm_26 div {
    color: #d84315;
    font-family: 'Cinzel', serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Theme 27 */
.thm_27 {
    background-color: #ffb300;
}
.thm_27, .thm_27 div {
    color: #4e342e;
    font-family: 'Righteous', cursive;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

/* Theme 28 */
.thm_28 {
    background-color: #00acc1;
}
.thm_28, .thm_28 div {
    color: #ffffff;
    font-family: 'Special Elite', monospace;
    font-size: 20px;
    text-transform: capitalize;
    font-style: italic;
    text-shadow: 1px 1px 3px #333;
}

/* Theme 29 */
.thm_29 {
    background-color: #e0e0e0;
}
.thm_29, .thm_29 div {
    color: #424242;
    font-family: 'Shadows Into Light', cursive;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Theme 30 */
.thm_30 {
    background-color: #d50000;
}
.thm_30, .thm_30 div {
    color: #ffffff;
    font-family: 'Press Start 2P', cursive;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px #000;
}

/* Theme 31 */
.thm_31 {
    background-color: #4e342e;
}
.thm_31, .thm_31 div {
    color: #ffccbc;
    font-family: 'Acme', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Theme 32 */
.thm_32 {
    background-color: #ff8a65;
}
.thm_32, .thm_32 div {
    color: #ffffff;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    font-style: italic;
    letter-spacing: 1px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

/* Theme 33 */
.thm_33 {
    background-color: #b2dfdb;
}
.thm_33, .thm_33 div {
    color: #00796b;
    font-family: 'Cutive Mono', monospace;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

/* Theme 34 */
.thm_34 {
    background-color: #8e24aa;
}
.thm_34, .thm_34 div {
    color: #ffffff;
    font-family: 'Fredericka the Great', cursive;
    font-size: 24px;
    font-style: italic;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #333;
}

/* Theme 35 */
.thm_35 {
    background-color: #1e88e5;
}
.thm_35, .thm_35 div {
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Theme 36 */
.thm_36 {
    background-color: #ffffff;
}
.thm_36, .thm_36 div {
    color: #333;
    font-family: 'Zilla Slab', serif;
    font-size: 22px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}

/* Theme 37 */
.thm_37 {
    background-color: #76ff03;
}
.thm_37, .thm_37 div {
    color: #212121;
    font-family: 'Fugaz One', cursive;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2px 2px #333;
}

/* Theme 38 */
.thm_38 {
    background-color: #ef5350;  /* Base red color */
    background-image: 
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0) 70%), /* Light spot in top left */
        radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 70%), /* Subtle vignette in bottom right */
        linear-gradient(135deg, rgba(239, 83, 80, 1), rgba(183, 28, 28, 1)); /* Diagonal gradient for rich red */
    background-size: cover;
}
.thm_38, .thm_38 div {
    color: #ffffff;
    font-family: 'Hammersmith One', sans-serif;
    font-size: 20px;
    text-transform: capitalize;
    font-style: italic;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

/* Theme 39 */
.thm_39 {
    background-color: #212121;   /* Base dark background */
    background-image: 
        linear-gradient(45deg, rgba(255, 235, 59, 0.1) 25%, transparent 25%, transparent 75%, rgba(255, 235, 59, 0.1) 75%, rgba(255, 235, 59, 0.1)),
        linear-gradient(45deg, rgba(255, 235, 59, 0.1) 25%, #212121 25%, #212121 75%, rgba(255, 235, 59, 0.1) 75%, rgba(255, 235, 59, 0.1));
    background-size: 20px 20px;  /* Size of the grid pattern */

}
.thm_39, .thm_39 div {
    color: #ffeb3b;
    font-family: 'Saira Stencil One', cursive;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Theme 40 */
.thm_40 {
    background: linear-gradient(135deg, #ff6f00, #ffb74d);
}
.thm_40, .thm_40 div {
    color: #ffffff;
    font-family: 'Cinzel Decorative', cursive;
    font-size: 22px;
    text-shadow: 2px 2px #333;
    letter-spacing: 1px;
}

/* Theme 41 */
.thm_41 {
    background: radial-gradient(circle, #ffab91, #ff7043, #bf360c);
}
.thm_41, .thm_41 div {
    color: #2e2e2e;
    font-family: 'Permanent Marker', cursive;
    font-size: 24px;
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Theme 42 */
.thm_42 {
    background: repeating-linear-gradient(45deg, #263238, #263238 10px, #424242 10px, #424242 20px);
}
.thm_42, .thm_42 div {
    color: #ffc107;
    font-family: 'Black Ops One', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

/* Theme 43 */
.thm_43 {
    background: linear-gradient(180deg, #64b5f6, #1e88e5, #0d47a1);
}
.thm_43, .thm_43 div {
    color: #212121;
    font-family: 'Shadows Into Light Two', cursive;
    font-size: 24px;
    font-style: italic;
    text-shadow: 1px 1px 2px #333;
}

/* Theme 44 */
.thm_44 {
    background: conic-gradient(from 180deg, #ff7043, #ffccbc, #ff7043);
}
.thm_44, .thm_44 div {
    color: #ffffff;
    font-family: 'Patua One', cursive;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

/* Theme 45 */
.thm_45 {
    background: linear-gradient(135deg, #004d40, #009688, #4db6ac);
}
.thm_45, .thm_45 div {
    color: #ffffff;
    font-family: 'Audiowide', cursive;
    font-size: 22px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

/* Theme 46 */
.thm_46 {
    background: radial-gradient(circle, #dcedc8, #aed581, #7cb342);
}
.thm_46, .thm_46 div {
    color: #424242;
    font-family: 'Poiret One', cursive;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

/* Theme 47 */
.thm_47 {
    background: linear-gradient(45deg, #1b5e20, #43a047, #a5d6a7);
}
.thm_47, .thm_47 div {
    color: #a5d6a7;
    font-family: 'Racing Sans One', cursive;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: bold;
}

/* Theme 48 */
.thm_48 {
    background: linear-gradient(135deg, #f8bbd0, #f48fb1, #ec407a);
}
.thm_48, .thm_48 div {
    color: #ffffff;
    font-family: 'Comfortaa', cursive;
    font-size: 22px;
    font-style: italic;
    text-shadow: 1px 1px 3px #333;
}

/* Theme 49 */
.thm_49 {
    background: radial-gradient(circle, #e1bee7, #9c27b0, #4a148c);
}
.thm_49, .thm_49 div {
    color: #4a148c;
    font-family: 'Changa One', cursive;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Theme 50 */
.thm_50 {
    background: repeating-linear-gradient(45deg, #c62828, #c62828 10px, #b71c1c 10px, #b71c1c 20px);
}
.thm_50, .thm_50 div {
    color: #ffffff;
    font-family: 'Russo One', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
}

/* Theme 51 */
.thm_51 {
    background: linear-gradient(135deg, #9e9d24, #fdd835, #ffeb3b);
}
.thm_51, .thm_51 div {
    color: #000000;
    font-family: 'Oxygen Mono', monospace;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 1px;
}

/* Theme 52 */
.thm_52 {
    background: conic-gradient(from 90deg, #00796b, #004d40, #004d40, #00796b);
}
.thm_52, .thm_52 div {
    color: #ffffff;
    font-family: 'Unica One', cursive;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}

/* Theme 53 */
.thm_53 {
    background: radial-gradient(circle, #212121, #424242, #616161);
}
.thm_53, .thm_53 div {
    color: #ffeb3b;
    font-family: 'Press Start 2P', cursive;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Theme 54 */
.thm_54 {
    background: linear-gradient(135deg, #0097a7, #00bcd4, #4fc3f7);
}
.thm_54, .thm_54 div {
    color: #ffffff;
    font-family: 'Nova Mono', monospace;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-weight: bold;
}

/* Theme 55 */
.thm_55 {
    background: repeating-linear-gradient(45deg, #6d4c41, #6d4c41 10px, #3e2723 10px, #3e2723 20px);
}
.thm_55, .thm_55 div {
    color: #f1f8e9;
    font-family: 'Rock Salt', cursive;
    font-size: 24px;
    text-shadow: 1px 1px 2px #333;
    font-style: italic;
}

/* Theme 56 */
.thm_56 {
    background: linear-gradient(135deg, #ffa726, #fb8c00, #f57c00);
}
.thm_56, .thm_56 div {
    color: #ffffff;
    font-family: 'Freckle Face', cursive;
    font-size: 24px;
    font-style: italic;
    text-shadow: 1px 1px 3px #000;
}

/* Theme 57 */
.thm_57 {
    background: conic-gradient(from 45deg, #1a237e, #3949ab, #5c6bc0);
}
.thm_57, .thm_57 div {
    color: #ffffff;
    font-family: 'Monoton', cursive;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Theme 58 */
.thm_58 {
    background: radial-gradient(circle, #2e7d32, #388e3c, #43a047);
}
.thm_58, .thm_58 div {
    color: #ffffff;
    font-family: 'Bangers', cursive;
    font-size: 26px;
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Theme 59 */
.thm_59 {
    background: linear-gradient(135deg, #ef5350, #f4511e, #d32f2f);
}
.thm_59, .thm_59 div {
    color: #ffffff;
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Theme 60 */
.thm_60 {
    background: linear-gradient(135deg, #ffeb3b, #fdd835, #fbc02d);
}
.thm_60, .thm_60 div {
    color: #3e2723;
    font-family: 'Amatic SC', cursive;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333;
}

/* Theme 61 */
.thm_61 {
    background: repeating-linear-gradient(
        45deg,
        #ffeb3b,  /* Yellow */
        #ffeb3b 30px,
        #000000 30px,
        #000000 60px
    );
}

.thm_61, .thm_61 div {
    color: #000000;
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.thm_62 {
    background-color: #a1a196;
    background-image: url('/images/themebackgrounds/metal-00.jpg');
    background-size: 100% auto;     /* 100% width, auto height */
    background-repeat: repeat-y;    /* Repeat vertically only */
    color: #221a1f;                 /* Dark font color */
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    text-shadow: 0 0 5px rgba(34, 26, 31, 0.8), 0 0 10px rgba(34, 26, 31, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 300px;
    padding: 20px;
}

/* Styling for divs within Theme 62 */
.thm_62 div {
    display: block;
    letter-spacing: 1px;
    font-weight: bold;
    color: #221a1f;
    text-transform: uppercase;
    padding: 10px;
}

/*fdsfdsf*/

.thm_70 > div:first-child,
.thm_71 > div:first-child,
.thm_72 > div:first-child,
.thm_73 > div:first-child,
.thm_74 > div:first-child,
.thm_75 > div:first-child,
.thm_76 > div:first-child,
.thm_77 > div:first-child,
.thm_78 > div:first-child,
.thm_79 > div:first-child,
.thm_80 > div:first-child,
.thm_81 > div:first-child,
.thm_82 > div:first-child,
.thm_83 > div:first-child,
.thm_84 > div:first-child,
.thm_85 > div:first-child,
.thm_86 > div:first-child,
.thm_87 > div:first-child,
.thm_88 > div:first-child,
.thm_89 > div:first-child,
.thm_90 > div:first-child,
.thm_91 > div:first-child,
.thm_92 > div:first-child,
.thm_93 > div:first-child,
.thm_94 > div:first-child,
.thm_95 > div:first-child,
.thm_96 > div:first-child,
.thm_97 > div:first-child,
.thm_98 > div:first-child,
.thm_99 > div:first-child,
.thm_100 > div:first-child,
.thm_101 > div:first-child,
.thm_102 > div:first-child,
.thm_103 > div:first-child,
.thm_104 > div:first-child,
.thm_105 > div:first-child,
.thm_106 > div:first-child,
.thm_107 > div:first-child,
.thm_108 > div:first-child,
.thm_109 > div:first-child
{ 
    padding: 50px 50px 50px 50px; 
    display: table-cell; 
    vertical-align: middle; 
}

.thm_70 div,
.thm_71 div,
.thm_72 div,
.thm_73 div,
.thm_74 div,
.thm_75 div,
.thm_76 div,
.thm_77 div,
.thm_78 div,
.thm_79 div,
.thm_80 div,
.thm_81 div,
.thm_82 div,
.thm_83 div,
.thm_84 div,
.thm_85 div,
.thm_86 div,
.thm_87 div,
.thm_88 div,
.thm_89 div,
.thm_90 div,
.thm_91 div,
.thm_92 div,
.thm_93 div,
.thm_94 div,
.thm_95 div,
.thm_96 div,
.thm_97 div,
.thm_98 div,
.thm_99 div,
.thm_100 div,
.thm_101 div,
.thm_102 div,
.thm_103 div,
.thm_104 div,
.thm_105 div,
.thm_106 div,
.thm_107 div,
.thm_108 div,
.thm_109 div
{ 
    display: block; 
    text-align: center; 
}


/* Theme 70 */
.thm_70 {
    background: linear-gradient(135deg, #ff512f, #dd2476);
    color: #fff;
    font-family: 'Pacifico', cursive;
    font-size: 26px;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    max-width: 100%;
    border:0px;
}

.thm_70 div {
    font-family: 'Pacifico', cursive;
    display: block;
    text-align: center;
}

/* Theme 71 */
.thm_71 {
    background: radial-gradient(circle, #1a2980, #26d0ce);
    color: #ffffff;
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_71 div {
    font-family: 'Orbitron', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 72 */
.thm_72 {
    background: repeating-linear-gradient(45deg, #ff9a9e, #ff9a9e 10px, #fad0c4 10px, #fad0c4 20px);
    color: #222;
    font-family: 'Righteous', cursive;
    font-size: 24px;
    text-align: center;
    border-radius: 10px;
    max-width: 100%;
    border:0px;
}

.thm_72 div {
    font-family: 'Righteous', cursive;
    display: block;
    text-align: center;
}

/* Theme 73 */
.thm_73 {
    background: linear-gradient(90deg, #00c6ff, #0072ff);
    color: #fff;
    font-family: 'Press Start 2P', cursive;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    border-radius: 28px;
    border: 0px;
    max-width: calc(100% - 20px);
    margin: 10px;
}

.thm_73 div {
    font-family: 'Press Start 2P', cursive;
    display: block;
    text-align: center;
}

/* Theme 74 */
.thm_74 {
    background: radial-gradient(circle, #c471ed, #f64f59);
    color: #fff;
    font-family: 'Bungee', cursive;
    font-size: 20px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 25px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_74 div {
    font-family: 'Bungee', cursive;
    display: block;
    text-align: center;
}

/* Theme 75 */
.thm_75 {
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
    color: #000;
    font-family: 'Fredericka the Great', cursive;
    font-size: 24px;
    text-align: center;
    margin: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    border: 12px solid #feb47b;
}

.thm_75 div {
    font-family: 'Fredericka the Great', cursive;
    display: block;
    text-align: center;
}

/* Theme 76 */
.thm_76 {
    background: linear-gradient(90deg, #4facfe, #00f2fe);
    color: #ffffff;
    font-family: 'VT323', monospace;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    margin: 0;
    width: auto;
    max-width: 100%;
    border: 14px solid #00f2fe;
}

.thm_76 div {
    font-family: 'VT323', monospace;
    display: block;
    text-align: center;
}

/* Theme 77 */
.thm_77 {
    background: repeating-linear-gradient(45deg, #ffecd2, #ffecd2 10px, #fcb69f 10px, #fcb69f 20px);
    color: #444;
    font-family: 'Acme', sans-serif;
    font-size: 22px;
    text-align: center;
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_77 div {
    font-family: 'Acme', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 78 */
.thm_78 {
    background: linear-gradient(to bottom, #00c3ff, #ffff1c);
    color: #000;
    font-family: 'Fugaz One', cursive;
    font-size: 28px;
    text-transform: capitalize;
    padding: 25px;
    border-radius: 30px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    animation: glow_78 2.5s ease-in-out infinite alternate;
    border: 0px;
}

@keyframes glow_78 {
    from { box-shadow: 0 0 15px #00c3ff, 0 0 25px #ffff1c; }
    to { box-shadow: 0 0 25px #00c3ff, 0 0 35px #ffff1c; }
}

.thm_78 div {
    font-family: 'Fugaz One', cursive;
    display: block;
    text-align: center;
}

/* Theme 79 */
.thm_79 {
    background: radial-gradient(circle, #2c3e50, #fd746c);
    color: #ffffff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_79 div {
    font-family: 'Lobster', cursive;
    display: block;
    text-align: center;
}

/* Theme 80 */
.thm_80 {
    background: linear-gradient(to right, #43cea2, #185a9d);
    color: #ffffff;
    font-family: 'Amatic SC', cursive;
    font-size: 32px;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    border: 0px;
    width: auto;
    max-width: 100%;
}

.thm_80 div {
    font-family: 'Amatic SC', cursive;
    display: block;
    text-align: center;
}

/* Theme 81 */
.thm_81 {
    background: radial-gradient(circle, #ff6a00, #ee0979);
    color: #fff;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    border-radius: 25px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_81 div {
    font-family: 'Lobster', cursive;
    display: block;
    text-align: center;
}

/* Theme 82 */
.thm_82 {
    background: linear-gradient(to bottom, #4ca1af, #c4e0e5);
    color: #333;
    font-family: 'Fugaz One', cursive;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 20px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_82 div {
    font-family: 'Fugaz One', cursive;
    display: block;
    text-align: center;
}

/* Theme 83 */
.thm_83 {
    background: linear-gradient(135deg, #ff758c, #ff7eb3);
    color: #ffffff;
    font-family: 'VT323', monospace;
    font-size: 30px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_83 div {
    font-family: 'VT323', monospace;
    display: block;
    text-align: center;
}

/* Theme 84 */
.thm_84 {
    background: repeating-linear-gradient(45deg, #f12711, #f12711 10px, #f5af19 10px, #f5af19 20px);
    color: #fff;
    font-family: 'Fredericka the Great', cursive;
    font-size: 22px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_84 div {
    font-family: 'Fredericka the Great', cursive;
    display: block;
    text-align: center;
}

/* Theme 85 */
.thm_85 {
    background: radial-gradient(circle, #7b4397, #dc2430);
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 24px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_85 div {
    font-family: 'Orbitron', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 86 */
.thm_86 {
    background: linear-gradient(to right, #00c6ff, #0072ff);
    color: #ffffff;
    font-family: 'Press Start 2P', cursive;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_86 div {
    font-family: 'Press Start 2P', cursive;
    display: block;
    text-align: center;
}

/* Theme 87 */
.thm_87 {
    background: linear-gradient(to bottom, #ed213a, #93291e);
    color: #ffffff;
    font-family: 'Pacifico', cursive;
    font-size: 28px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    border-radius: 15px; /* Applies rounded corners to both background and border */
    margin: 0;
    width: auto;
    max-width: 100%;
    box-sizing: border-box; /* Ensures padding and border are included in width */
    overflow: hidden; /* Clips the content inside rounded corners, if necessary */
    border:0px;
}

.thm_87 div {
    font-family: 'Pacifico', cursive;
    display: block;
    text-align: center;
}



/* Theme 88 */
.thm_88 {
    background: linear-gradient(to bottom, #009fff, #ec2f4b);
    color: #fff;
    font-family: 'Monoton', cursive;
    font-size: 28px;
    text-transform: capitalize;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
    border-radius: 30px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    animation: glow_88 2.5s ease-in-out infinite alternate;
    border: 0px;
}

@keyframes glow_88 {
    from { box-shadow: 0 0 15px #009fff, 0 0 25px #ec2f4b; }
    to { box-shadow: 0 0 25px #009fff, 0 0 35px #ec2f4b; }
}

.thm_88 div {
    font-family: 'Monoton', cursive;
    display: block;
    text-align: center;
}

/* Theme 89 */
.thm_89 {
    background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
    color: #fff;
    font-family: 'VT323', monospace;
    font-size: 42px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_89 div {
    font-family: 'VT323', monospace;
    display: block;
    text-align: center;
}

/* Theme 90 */
.thm_90 {
    background: radial-gradient(circle, #000000, #434343);
    color: #76ff03;
    font-family: 'Press Start 2P', cursive;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px rgba(0, 255, 0, 0.4);
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border:0px;
}

.thm_90 div {
    font-family: 'Press Start 2P', cursive;
    display: block;
    text-align: center;
}

/* Theme 91 */
.thm_91 {
    background: linear-gradient(to right, #ff4b1f, #ff9068);
    color: #fff;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_91 div {
    font-family: 'Lobster', cursive;
    display: block;
    text-align: center;
}

/* Theme 92 */
.thm_92 {
    background: radial-gradient(circle, #11998e, #38ef7d);
    color: #000;
    font-family: 'Fredericka the Great', cursive;
    font-size: 24px;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_92 div {
    font-family: 'Fredericka the Great', cursive;
    display: block;
    text-align: center;
}

/* Theme 93 */
.thm_93 {
    background: linear-gradient(to bottom, #8360c3, #2ebf91);
    color: #ffffff;
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 18px;
    margin: 0;
    width: auto;
    border:0px;
}

.thm_93 div {
    font-family: 'Orbitron', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 94 */
.thm_94 {
    background: repeating-linear-gradient(45deg, #c6ffdd, #c6ffdd 10px, #fbd786 10px, #fbd786 20px, #f7797d 20px, #f7797d 30px);
    color: #000;
    font-family: 'Acme', sans-serif;
    font-size: 22px;
    text-shadow: none;
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_94 div {
    font-family: 'Acme', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 95 */
.thm_95 {
    background: linear-gradient(to right, #ff9a9e, #fad0c4, #fbc2eb);
    color: #444;
    font-family: 'Hammersmith One', sans-serif;
    font-size: 22px;
    text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_95 div {
    font-family: 'Hammersmith One', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 96 */
.thm_96 {
    background: linear-gradient(135deg, #12c2e9, #c471ed, #f64f59);
    color: #ffffff;
    font-family: 'Amatic SC', cursive;
    font-size: 28px;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    border: 0px;
    width: auto;
    max-width: 100%;
}

.thm_96 div {
    font-family: 'Amatic SC', cursive;
    display: block;
    text-align: center;
}

/* Theme 97 */
.thm_97 {
    background: radial-gradient(circle, #ffd700, #ff6347);
    color: #000;
    font-family: 'Righteous', cursive;
    font-size: 34px;
    text-transform: capitalize;
    text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.4);
    border-radius: 25px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_97 div {
    font-family: 'Righteous', cursive;
    display: block;
    text-align: center;
}

/* Theme 98 */
.thm_98 {
    background: linear-gradient(to top, #1f4037, #99f2c8);
    color: #ffffff;
    font-family: 'Acme', sans-serif;
    font-size: 22px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    margin: 0;
    width: auto;
    max-width: 100%;
    border: 10px solid #99f2c8;
}

.thm_98 div {
    font-family: 'Acme', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 99 */
.thm_99 {
    background: repeating-linear-gradient(45deg, #1a2980, #1a2980 10px, #26d0ce 10px, #26d0ce 20px);
    color: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    text-align: center;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_99 div {
    font-family: 'Lobster', cursive;
    display: block;
    text-align: center;
}

/* Theme 100 */
.thm_100 {
    background: radial-gradient(circle, #654ea3, #eaafc8);
    color: #fff;
    font-family: 'Pacifico', cursive;
    font-size: 28px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    margin: 0;
    width: auto;
    max-width: 100%;
    border: 12px solid #eaafc8;
}

.thm_100 div {
    font-family: 'Pacifico', cursive;
    display: block;
    text-align: center;
}

/* Theme 101 */
.thm_101 {
    background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
    color: #ffffff;
    font-family: 'Monoton', cursive;
    font-size: 26px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_101 div {
    font-family: 'Monoton', cursive;
    display: block;
    text-align: center;
}

/* Theme 102 */
.thm_102 {
    background: radial-gradient(circle, #ff512f, #dd2476);
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    border-radius: 15px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border:0px;
}

.thm_102 div {
    font-family: 'Orbitron', sans-serif;
    display: block;
    text-align: center;
}

/* --------- larger hashtags and community tags */
.thm_102 a.feed_hashtag { line-height:30px;font-size:24px; }
.thm_102 a.feed_hashtag_zuppon { line-height:22px !important;font-size:22px !important; border: 2px solid #82a3d1 !important; text-transform: uppercase !important; }
.thm_102 a.feed_hashtag_face { padding-left: 34px; }
.thm_102 a.feed_hashtag_face .imx 
{
    width: 30px;
    height: 30px;
    border: 2px solid #82a3d1;
}
/* --------- */

/* Theme 103 */
.thm_103 {
    background: linear-gradient(to bottom, #2b5876, #4e4376);
    color: #ffffff;
    font-family: 'Pacifico', cursive;
    font-size: 28px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_103 div {
    font-family: 'Pacifico', cursive;
    display: block;
    text-align: center;
}

/* Theme 104 */
.thm_104 {
    background: repeating-linear-gradient(45deg, #fdfbfb, #fdfbfb 10px, #ebedee 10px, #ebedee 20px);
    color: #000;
    font-family: 'Righteous', cursive;
    font-size: 28px;
    text-shadow: none;
    margin: 0;
    width: auto;
    max-width: 100%;
    border: 5px solid #ebedee;
}

.thm_104 div {
    font-family: 'Righteous', cursive;
    display: block;
    text-align: center;
}

/* --------- larger hashtags and community tags */
.thm_104 a.feed_hashtag { line-height:30px;font-size:24px; }
.thm_104 a.feed_hashtag_zuppon { line-height:22px !important;font-size:22px !important; border: 2px solid #82a3d1 !important; }
.thm_104 a.feed_hashtag_face { padding-left: 34px; }
.thm_104 a.feed_hashtag_face .imx 
{
    width: 30px;
    height: 30px;
    border: 2px solid #82a3d1;
}
/* --------- */

/* Theme 105 */
.thm_105 {
    background: radial-gradient(circle, #ff9a9e, #fad0c4);
    color: #444;
    font-family: 'Fredericka the Great', cursive;
    font-size: 22px;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_105 div {
    font-family: 'Fredericka the Great', cursive;
    display: block;
    text-align: center;
}

/* Theme 106 */
.thm_106 {
    background: linear-gradient(to right, #de6161, #2657eb);
    color: #fff;
    font-family: 'VT323', monospace;
    font-size: 25px;
    text-transform: capitalize;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    border-radius: 18px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border:0px;
}

.thm_106 div {
    font-family: 'VT323', monospace;
    display: block;
    text-align: center;
}

/* Theme 107 */
.thm_107 {
    background: radial-gradient(circle, #3e5151, #decba4);
    color: #333;
    font-family: 'Acme', sans-serif;
    font-size: 22px;
    text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    margin: 0;
    width: auto;
    max-width: 100%;
    border: 0px;
}

.thm_107 div {
    font-family: 'Acme', sans-serif;
    display: block;
    text-align: center;
}

/* Theme 108 */
.thm_108 {
    background: linear-gradient(to bottom, #11998e, #38ef7d);
    color: #fff;
    font-family: 'Amatic SC', cursive;
    font-size: 28px;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    margin: 20px;
    width: auto;
    max-width: calc(100% - 40px);
    border: 0px;
}

.thm_108 div {
    font-family: 'Amatic SC', cursive;
    display: block;
    text-align: center;
}

/* Theme 109 */
.thm_109 {
    background: repeating-linear-gradient(45deg, #654ea3, #eaafc8, #d4fc79, #96e6a1);
    color: #000;
    font-family: 'Fugaz One', cursive;
    font-size: 24px;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    margin: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    border:0px;
}

.thm_109 div {
    font-family: 'Fugaz One', cursive;
    display: block;
    text-align: center;
}

/* ---------------------------------- */

.thm_big { font-size:26px; padding:6px; }
.thm_big .feed_hashtag_zuppon, .thm_big .feed_hashtag { font-size:17px; padding:3px 8px 4px 8px; transform: translate( 0px, -3px ); display:inline-block; font-weight:600; }
.thm_big .ico_zupponsmaller { margin:0px 4px -2px -3px; }
.thm_medium { font-size:15px; padding:6px; }
.thm_preview 
{ 
    min-height:unset; width:28px; height:28px !important; border-radius:5px !important; min-height: unset; font-size:14px !important; text-align:center; justify-content: center; vertical-align:middle;display:flex;align-items:center;overflow:auto; padding:0px 0px 0px 0px; float:left; 
    margin-right: 8.2px;
    outline: 1.4px solid #777777;
    outline-offset: -1.4px;
    border:1px solid #dddddd;
    max-width:unset !important;
    margin-bottom:0px;
    margin-left:0px;
    animation: unset;
    overflow: hidden;      /* Hides any overflowing content */
    box-sizing: border-box;        
}
/* Unset the flashing cursor effect for .thm_preview */
.thm_preview::after {
    content: none; /* Removes the flashing cursor */
    animation: none; /* Ensures any animations are also removed */
}


.thm_container { display:table; width:100%; box-sizing: border-box; }
.thm_container div { overflow-wrap: break-word;word-break: break-word; }

#eid_options { min-height:28px; }
#main-menu-feedswitcher { float:right; margin-top:2px; margin-right:20px; }
.left_50px { transform: translate( -75px, 0px ); white-space: nowrap; } 
.nocontentmsg { text-align:center; padding:16px; margin:auto; max-width:780px; }

.biggenderbutton { float:left;margin-right:5px;margin-top:1px; padding:10px; border-radius:10px; background-color:#f3f3f3; }
.dgb0 { padding:4px; border-radius:6px; background-color:#f3f3f3; display:inline-block; border:1px solid #dddddd; }
.placard_header { background-color:#3967a4; color:white; padding-left:10px; font-size:14px; font-weight:600; border-top-left-radius:8px; border-top-right-radius:8px; min-height:18px; }

.sinput-container 
{
  position: relative;
  width: 100%;
  height: 50px;
}

.sinput-container input 
{
  width: 100%;
  height: 100%;
  padding: 10px;
  border: none;
}

.sinput-container .icon 
{
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sinput-container .icon i 
{
  font-size: 20px;
}
.br { min-height:8px; margin:0px !important; padding:0px !important; }

.pl_divider { border-top:1px solid #e3e3e3;margin-top:11px;padding-bottom:11px; }
.pl_groups { text-align:center;font-size:14px; font-weight:600;  }
.pl_groups span { white-space: nowrap; }
.pl_title { text-align:center;margin:0px; font-size:20px;font-weight:600; }
.pl_wheresmall { text-align:center; font-size:10px;font-weight:600;color: #888;transform: translate( 0px, -2px ); }
.pl_groups span { margin-left:6px; }
.pl_groups span:first-child { margin-left: 0px; }
.pl_button_area { text-align:center;margin-bottom:2px;padding-bottom:14px; padding-top:10px; }

.bl_divider { border-top:1px solid #e3e3e3;margin-top:6px; padding-bottom:6px; }
.bl_from a,.bl_from { font-size:14px; font-weight:700; padding-top:6px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }
.bl_phototranslate { transform: translate( 0px, -8px ); }
.bl_phototranslate_s { transform: translate( 0px, -10px ); }
.bl_grey_09 { background-color:#f3f3f3; }
.bl_grey_10 { background-color:#ffffff; }
.bl_lg_title { color:rgb(24, 34, 44); font-size:16px; font-weight:600; }
.bl_del7 { font-size:13px; }
.bl_dt_title { color:rgb(24, 34, 44); }
.bl_10el { width:auto; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:6px 6px 10px 6px; }
.bl_pd_11 { padding: 8px 8px 0px 8px; }
.bl_10bg { text-align:center; width:100%; background-color:#ffffff; }
.bl_11el { width:auto; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0px 6px 0px 6px; }
.bl-container 
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
    background-color:white;            
}

.bl-left-div
{
    padding:8px;
}        

.bl-left-div img 
{
	width: 80px;            
}

.bl-middle-div 
{
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bl-right-div 
{
	min-width: 120px;
    text-align:center;
}

.rig { font-weight:600; }
.rigd { width:253px; padding-right:10px; padding-top:10px; }
.star_over_email0 { position:relative;top:-5px;left:33px; }

#m_menu
{
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.breakall 
{ 
    word-wrap:break-word;
    /*word-break: break-all;*/ 
    overflow-wrap: break-word; 
}

.gfb_a .gfb_t { display:none; } 
.gfb_b .gfb_i { display:none; }

.gfb_152 { width: 152px; }
.gfb_64 { width:auto; }
.gfb_f { width: 108px; }
.gfb_s { width: 108px; }
.gfb_auto { width: 16px; }

.gfb_none 
{ 
    font-weight:600;
    display:inline-block;
    font-size: 13.5px;
    padding:2px;
    text-decoration:none;
    line-height:normal;
    padding-top:5px;
    width:auto;
}
.gfb_bull { padding:0px 2px 0px 2px;vertical-align:middle;display:inline-block; }

.pl_title_nomarg 
{
    position: relative; /* Add this line */
    width: 100%;   
}

.ico_m3dots_dark_pos 
{
    position: absolute; /* Change from "relative" to "absolute" */
    right: 20px;
    width:31px;
    height:31px;
    background-position:-240px -1px; 
    background-size: 2200% auto;
    margin-top:8px;
    border:1px solid transparent;
}
.ico_m3dots_dark_pos:hover { background-color:rgb(243, 243, 243); border-radius:6px; border:1px solid #cccccc; }
.usercontent_tp { table-layout:fixed; }
.usercontent 
{
    flex: 2; /* Main content takes more space */
}

.feed_c 
{
    flex: 1; /* Sidebar takes less space */
}

/* clickboxes of latest users */
.userboxes-container {
  display: flex;
  overflow: hidden;
  width: auto;
  margin-right:2px;
  margin-bottom:4px;
  margin-top:4px;  
}

.userboxes-content {
  flex: 0 0 auto;
  min-width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.userboxes-overflow-content {
  white-space: nowrap;
  overflow-x: auto;
}

.userboxes-scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  z-index: 4; /* So that it comes above the content */
  cursor: pointer;
}

.userboxes-scroll-button {
    border: 2px solid #FFBF00; /* Adjust color as needed */
    border-radius: 50%; /* Ensures the border wraps around a circular shape */
}

.userboxes-left-button {
  left: 10px; /* Moved 10 pixels to the inside */
  top: calc(50% - 14px); /* Moved up by 10 pixels */
}

.userboxes-right-button {
  right: 10px; /* Moved 10 pixels to the inside */
  top: calc(50% - 14px); /* Moved up by 10 pixels */
}

/* colored border around image */
.profile-imagex 
{
  width: 71px;
  height: 71px;
  
  border: double 3px transparent;  
  background-image: linear-gradient(white, white), 
                    linear-gradient(to bottom, #2a91fa, #ffac00);
  background-origin: border-box;
  background-clip: content-box, border-box;
  transform: translate(-2px, 0px);
  text-align:left;
}

.profile-imagex img 
{
  width: 67px;
  height: 67px;
  
  transform: translate(2px, 2px);
}

.profile-imagex 
{
    border-radius: 12px;
}

.profile-imagex img
{
    border-radius: 8px;
}

.profile-imagex:hover 
{
  background-image: linear-gradient(white, white), 
                    linear-gradient(to bottom, #ffac00, #ffac00);
}

.usrbox
{
    z-index: 4;
    font-size: 13px; 
    font-weight: 600;
    line-height:13px;
    display:inline-block;
    padding:0px 0px 4px 4px;
    height:90px;
    white-space: normal;
    width:auto;
    color: #444444;
}

.usrbox_43 { width: 77px; overflow: hidden; text-overflow: ellipsis; height: 20px; font-size: 11px; text-align: center; margin-top:4px; transform: translate(-4px, 0px); white-space: nowrap; }
.usrbox_43 a { color: rgb(57, 101, 166); }

.custom_feed_col2 
{
    background-color: #fff;
    z-index: 1000;
    display: none;
    padding:4px;
    max-height:280px; 
    overflow-y:scroll !important;
    min-width:200px;
}

.bd_imgsearchsmall 
{
    width: 28px;
    height: 28px;
    border-radius:3px;
    margin-right:6px;
    object-fit: cover;
}

.bd_imgsearchmedium
{
    width: 48px;
    height: 48px;
    border-radius:3px;
    margin-right:6px;
    object-fit: cover;
}

/* Vertically aligns the text with the image */
.bd_username_search_container 
{
    display: flex;
    align-items: center;
    padding: 4px;
    white-space: nowrap;
}

.bd_username_search_container:hover 
{
    background-color: #d6e0ee;
    cursor: pointer;
    border-radius:3px;
}

.bd_username_text 
{
    white-space: nowrap;
    max-width: calc(100% - 34px); /* 28px for image width and 6px for margin-right */
    display:block;
    font-size:12px !important;
    font-weight:600;
    padding-right:8px;    
}

.bd_username_text_icon_container 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
}

.user-hover 
{
    position: absolute;
    z-index: 999;
    width: 340px;
    min-height: 150px;
    background-color:white;
    overflow:hidden;
    padding:3px;
    border-radius:20px !important;
}

/* Style for Cover Image */
.profile-imagey-cover-image 
{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-color: #245290;
    object-fit: cover;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

/* Style for User Profile Image */
.profile-imagey 
{
    width: 110px;
    height: 110px;
    
    border: double 3px transparent;
    background-image: linear-gradient(white, white),
                      linear-gradient(to bottom, #2a91fa, #ffac00);
    background-origin: border-box;
    background-clip: content-box, border-box;
    transform: translate(-2px, 0px);
    border-radius: 12px;
    margin: auto; /* Center the image */
    margin-top: -75px; /* Half of image height to bring it up */
}

.profile-imagey img 
{
    width: 106px;
    height: 106px;
    transform: translate(2px, 2px);
    border-radius: 8px;
}

.profile-imagey:hover 
{
    background-image: linear-gradient(white, white),
                      linear-gradient(to bottom, #ffac00, #ffac00);
}

/* Container to wrap everything */
.profile-container 
{
    position: relative;
}

/* Style for bottom icons outside and centered */
.hvr_icon-outer 
{
    position: absolute;
    bottom: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: center;
}

/* Style for the left space */
.hvr_icon-left-outer 
{
    left: 0;
    right: 50%; /* Centers at the middle of the container */
    margin-right: 50px; /* Half of the profile picture's width */
}

/* Style for the right space */
.hvr_icon-right-outer 
{
    right: 0;
    left: 50%; /* Centers at the middle of the container */
    margin-left: 50px; /* Half of the profile picture's width */
}

/* Style for the numbers */
.hvr_icon-outer span 
{
    margin-left: 5px;
    font-weight: bold;
}


/* Username */
.hvr_profile-username 
{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    width: auto;
    text-overflow: ellipsis;
    margin-top:4px;
    margin-bottom:0px;
}

/* Additional Info */
.hvr_profile-info 
{
    font-size: 11px;
    color: rgb(136, 136, 136);
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 600;
    margin-bottom:14px;
}

/* Text beside small grey items */
.hvr_profile-info span 
{
    margin-left: 5px;
}

.hvr_profile-subscribe
{
    text-align:center;
    margin-bottom:10px;
}

.hvr_profile-message
{
    text-align:center;    
}

.aboxlink_preview_title { font-weight:600; padding-bottom:10px; text-align:center; padding-top:6px; font-size:18px; }
.aboxlink_preview div { margin:auto; }
.aboxlink_preview div:hover a { background-color:#456ca2; color:white; cursor: pointer; }
.aboxlink_preview div a { white-space:nowrap; display: inline-block; padding:7px 10px 5px 10px; margin-bottom:6px; font-weight:bold; background-color:#f3f3f3; border-radius: 50px; min-width:300px; border:1px solid #cccccc; }

.placard_footer_wrapper { display:relative;height:1px; }
.placard_footer 
{ 
    background-color: rgb(57, 103, 164); height: 17px; text-transform: uppercase; font-size:10px; font-weight:600; text-align:center; color:#f3f3f3; display:absolute; transform: translate(0px, -21px);
    padding-top:4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    opacity: 0.8;
}
.feed_overlay_max { max-height:80vh; }

/* messaging table swap position */ 
.dm tr.iconswap 
{
    display: flex;
    flex-direction: row-reverse;
}

.dm tr.iconswap td.comment_email_bd8 
{
    padding-left: 0px;
    padding-right: 7px;
    text-align:right;
}

.dm { margin-bottom:10px; }
.dm .comment_body,
.dm .cb_r1.comment_body
{
    background-color:transparent; 
    padding:0px;
}

.dm .comment_email_bd8 { display: inline-block; }
.dm .comment_msg
{    
    border-radius:16px;   
    padding:8px;
    background-color:#c2ccd7;
    display:inline-block; 
}
.comment_msg { padding:3px 2px 3px 2px; }

.dm .iconswap .comment_msg
{
    background-color:#4876b5;
    color:white;
}

.dm { font-weight:600; font-size:12px; }
.dm .iconswap .comment_msg a { color:#ffb419; } 

.dm .icommented { border:0px; } 

.iconswap .username,.iconswap .accentdot, .iconswap .myicon3_td
{
    display:none;
}

.dm tr.iconswap td.comment_email_bd8 { padding-right:0px; }
.dm .myicon3_td { vertical-align:bottom; }
.dm .datestamparea { }

.feed_wrapperquestion 
{
    position: relative; /* Ensure the parent is positioned */
}

#bd_post_cancel 
{
    position: absolute;
    right: 0;
    bottom: -40px; /* Adjust as per the button's height */
    margin-right: 0px; /* Adjust for right alignment */
    /* Add additional styling as needed */
}

#black_feed_wrapper_overlay 
{
    position: fixed; /* Changed from absolute to fixed */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    z-index: 56; /* Optional: Ensures it's on top of other elements */
    display: none;
}

#black_feed_wrapper_overlay 
{
 /*   position: absolute;*/
}

#bd_post_progress_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 889; /* Make sure this is above the progress bar */
}

#bd_post_progress_bar_container 
{
    position: absolute;
    width: 100%;
    background-color: rgb(36, 82, 144);
    border-radius:7px;
    border: 2px solid white;
    box-sizing: border-box;
    max-width:600px;
    z-index: 888;
    display: none;
}

#bd_post_progress_bar 
{
    width: 0%;
    height: 30px;
    background-color: #5599db;
    text-align: center;
    line-height: 30px;
    color: white;
    border-radius:6px 0px 0px 6px;
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;    
}

#bd_post_progress_bar_container {
    position: fixed; /* Use fixed or absolute as per your need */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for exact centering */
    width: 80%; /* Set the width to 80% of the screen */
    text-align: center; /* Center the inner div if needed */
}

/* cool bubbles count hover */
.upvote-number-c
{
    position: relative; /* Make the button the reference point for positioning */
    display: inline-block; /* Maintain inline behavior */
}

.upvote-number 
{
    position: absolute;
    top: -14px; /* Adjust this value as needed to position above the button */
    left: 50%; /* Center horizontally relative to the button */
    transform: translateX(-50%); /* Shift left by half its own width to center */
    background-color: #f8b146; /*orange;*/
    border-radius: 50%;
    color: white;
    font-size: 10px;
    padding: 2px 5px;
    min-width: 16px;
    text-align: center;
    display: none; /* Hide by default */
    align-items: center;
    justify-content: center;
    height: 16px;
    font-style: italic;
    min-width:20px;
    
    border:1.5px #f3f3f3 solid;
}

.upvote-number-c:hover .upvote-number 
{
    display: flex; /* Show on hover */
}

.upvote-number-blue
{
    background-color: #69b0f8;
}

.upvote-number-spam
{
    background-color: #ff3232;
}

.upvote-number 
{
    display: none; /* Hide the bubble by default */
}

/* mobile profile button container */
.cb-button-container 
{
    display: flex;
    justify-content: space-between;
    margin-top:10px;
}

.cute-button 
{
    width: 19%; /* Adjusted width to account for margins */
    margin: 0 1%; /* Margin for spacing between buttons */
    padding-left:0px;
    padding-right:0px;
}

.pagination_centering { text-align:right; padding-right:2px; }

.editbox_f1 
{
    overflow:visible;
    padding-bottom:5px;
    margin-bottom:0px;
    padding:6px;
    background-color:#f6f6f6 !important;
}

.editbox_f3 { padding-bottom:8px; }
.editbox_f5 
{
    margin-right:6px;
    font-weight:600;
    padding:8px 8px 7px 8px;
    background-color:#e8e8e8;
    border:0px;
    border-radius:10px;
    font-size:14px; 
}
.editbox_sm0 { width:36px; }
.editbox_f8 { height:12px; }


.feed-hover-popup {
    display: block; /* Initially visible or controlled by JS */
    position: absolute; /* For positioning based on JS */
    z-index: 1000; /* High z-index to ensure visibility */
    /* Additional styling for appearance */
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cb_blueboxminivote
{
    padding:3px 2px 4px 2px;
    background-color:white;
    border-radius:10px;
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
    z-index:10;
}

.feed_cio {
    position: relative; /* Ensure the parent is positioned */
}

.feed_cio .xvdiv {
    /* Maxivote box */
    position: absolute; /* Position xvdiv absolutely */
    top: -4px; /* Position it at the top of the parent */
    right: 6px;
}

.cb_blueboxmaxvote {
    padding: 4px 3px 5px 3px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
}

.cb_maxp 
{
    max-width:70%;
}

.cb_maxw
{   
    max-width:350px;
}


.cb_blueboxcomments
{
    padding:3px 4px 2px 4px;
    background-color:#e3e8f1;
    border-radius:15px;
    display: inline-block;
    margin-bottom:4px;
}
.cb_blueboxcomments .pics_in_a_row 
{
    padding:2px;
}
.cb_lp8 { padding-bottom:6px; }

.comment_email_bd8 .pics_in_a_row_single_comments 
{ 
    max-width:100%;
    margin-left:0px;
}

.dm .cb_commentbox_pad { padding:0px; }
.dm .comment_msg { max-width:350px; }
.dm .pics_in_a_row_single_comments { max-width:350px; }

.dm .pics_in_a_row img, .dm .pics_in_a_row_single_comments .pics_in_a_row_single img { border-radius:8px !important; }
.dm .pics_in_a_row, .dm .pics_in_a_row_single_comments .pics_in_a_row_single { padding:0px; margin:0px; }

.cb_blueboxcomments .pics_in_a_row img, .cb_blueboxcomments .pics_in_a_row_single img, 
.dm .pics_in_a_row img, .dm .pics_in_a_row_single_comments .pics_in_a_row_single img { border:1px solid #cdcdcd; }

.em_image_count 
{
    font-style: italic;
    font-size: 9px;
    font-weight:bold;
    color: white; 
    padding:3px 6px 3px 6px;
    border-radius:10px;
    background-color: #2768a9;
    margin-left:6px;
}

.dm .lnk_mask
{
    width:100%;
}

.dm .lnk_outer 
{ 
    width:240px;
    background-color:rgb(194, 204, 215);
    border:1px solid #cdcdcd;
    overflow:hidden;
    border-radius:16px;
    display:inline-block;
}

.dm .lnk_img 
{ 
    width:240px;
    height: 140px;
    object-fit: cover; 
    background-color:rgb(194, 204, 215);
    border:1px solid #cdcdcd;    
}

.dm .lnk_textarea
{
    padding:0px 10px 5px 10px;
}

.dm .lnk_title 
{   
    direction: ltr !important; 
    font-size:13px;
    white-space: nowrap;
    color:#242424;
    text-align:left !important;
    margin-right:2px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.dm .lnk_desc 
{ 
    direction: ltr !important;
    font-size:10px;
    white-space: nowrap;
    color:#242424;
    text-align:left !important;
    margin-right:2px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.dm .lnk_link 
{ 
    direction: ltr !important;
    font-size:9px;
    white-space: nowrap;    
    text-align:left !important;
    margin-right:2px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.sharebox { }
.sharebox .sharebox_icon { width:40px; height:40px; }
.ov_send { width:37px; display:inline-block; font-weight:600; border:1px solid #0B284F; background-color:#225293; border-radius: 5px; font-size:10px; padding:4px 6px 4px 6px; color:white; cursor:pointer; }
.ov_send:hover 
{
    color:#e7e7e7;
    background-color: #888;
    border:1px solid #777; 
}
.ov_grey { background-color:#ddd;color:eee;border-color:#eee; }

.co_micon { margin: 8px; margin-bottom: 0px; border-radius: 5px; width: 34px; height: 34px; object-fit: cover; }
.co_subicon { width:16px;height:16px; }

/* coolers popup */
.str_cl17 { background-color:#d6d6d9; }
.str_cl18 { font-size:10px; color:#999; text-transform: uppercase; }
.blc_more { width:100px;height:18px;padding:2px !important;border-radius:100px;text-transform: uppercase; font-size:10px !important; box-sizing: border-box; }
.blc_name { line-height:15px;overflow:hidden;max-width:220px;text-align:left; }
.blc_left { text-align:left; }
.blc_button { padding-right:6px; }
.blv_nocoolers { font-size:10px; color:#999; text-transform: uppercase; font-weight:600; text-align:left; }

#app_installAppPopup 
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f9f9f9;
    color: #333;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px -2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    font-size:15px;
    font-weight:600;
}

#app_installAppPopup img 
{
    margin-right: 2px;
    vertical-align: middle;
    width:32px;
    height:32px;
}

#app_installAppPopup p 
{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

#app_installAppPopup a 
{
    margin-left: 5px;
    background-color: #007BFF;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    vertical-align: middle;
}

#app_installAppPopup button 
{
    margin-left: 15px;
    vertical-align: middle;
}

/* related communities */
.r_image-container 
{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* Enable horizontal scrollbar */        
}

.r_image-wrapper 
{
    text-align: center;
    margin-bottom: 10px; /* Adjust as needed */
    margin-right: 8px; /* Set margin on the right side of each image */
    width:65px;
}

.r_image-wrapper img { margin-bottom:-4px; width:65px;height:65px;border-radius:4px;object-fit: cover; }

.r_image-container a:nth-last-child(-n+2) {
    flex-basis: calc(50% - 5px); /* Adjust as needed */
}
.r_title_small 
{
    color: rgb(64, 84, 104);
    font-size: 12px;
    font-weight: 600;
    overflow: hidden; /* Hide overflowing text */
    white-space: nowrap; /* Prevent text from wrapping */
    text-overflow: ellipsis; /* Show ellipsis (...) when text is clipped */
    width:65px;
}
.tooltip-text 
{
    position: absolute;
    top: -20px; /* Adjust this value as needed */
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff; /* Optional: background color */
    padding: 8px;
    font-size: 12px; /* Adjust font size as needed */
    white-space: nowrap; /* Prevent text from wrapping */
    border-radius: 4px; color: rgb(238, 238, 238); background-color: rgb(0, 0, 0); font-size: 12px; opacity: 0.8; 
}
 
.ico_delete_rounded
{
    border-radius:50px !important;
    background-color:#f3f3f3;
    border:2px solid #777;
}

#draggableparent { position:relative; }
#draggableemoticons { z-index:600; position:absolute; }

.img_nopad img { display:block; margin:auto; }


/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;  /* Edge and Internet Explorer */
    overflow: -moz-scrollbars-none; /* Older versions of Firefox */
    scrollbar-width: none; /* Firefox */
}

/* Style to darken the entire page */
.bd_dd_darken_screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 77; /* Ensure it covers other content */
    pointer-events: none; /* Allow clicks to pass through */
}

/* Style to highlight the textarea */
.bd_dd_highlight_textarea {
    position: relative;
    z-index: 80; /* Above the darkening screen */
    background-color: white !important; /* Ensure the textarea remains white */
}

.info_images_scrollable-images {
    cursor:pointer;
    max-width: 100%;
    height: 146px;
    overflow-x: auto; /* Enable horizontal scrolling */
    overflow-y: hidden; /* Hide vertical overflow */
    white-space: nowrap; /* Ensures images stay in a single line */
    margin: 0 auto; /* Centering the div horizontally */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    border-radius: 8px; /* Rounded corners for the scrollable container */
    padding: 0px 0px 6px 0px; /* Optional padding */
}

.info_images_image-container {
    display: flex; /* Ensure flex items are displayed in a row */
    gap: 8px; /* Spacing between images */
    padding-right: 10px; /* Ensure right padding to maintain spacing */
    padding-left: 10px; /* Ensure left padding to maintain spacing */
    align-items: center; /* Center items vertically */
    justify-content: flex-start; /* Align items to the start */
    flex-wrap: nowrap; /* Prevent wrapping */
    overflow-x: auto; /* Enable horizontal scrolling */
    overflow-y: hidden; /* Hide vertical overflow */
    height: 160px;
    
}

.info_images_image {
    position: relative; /* Relative positioning for overlay */
    height: 130px; /* Fixed height for each image */
    border-radius: 8px; /* Rounded corners for images */
    flex: 0 0 auto; /* Prevent items from shrinking */
}

.info_images_image img {
    height: 100%; /* Ensure image height matches container height */
    width: auto; /* Allow images to adjust width */
    vertical-align: middle; /* Align image vertically */
    border-radius: 8px; /* Ensure rounded corners are applied */
}

.dark-image {
    position: relative; /* Ensure position context */
}

.dark-overlay {
    position: absolute; /* Position overlay absolutely */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* Initially hide overlay */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay with 50% opacity */
    pointer-events: none; /* Allows clicks to pass through */
    border-radius: 8px; /* Rounded corners */
}

.dark-overlay .plus-sign {
    font-size: 40px; /* Adjust size of plus sign */
    color: white; /* Color of plus sign */
    display: flex; /* Display overlay on hover */
}

.dark-image .dark-overlay {
    display: flex; /* Display overlay on hover */
}
.pl_title_container 
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.pl_titlex 
{
    text-align: center;
    flex: 1;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.slider-container 
{
    width: 100%;
    margin: 0px;
    position: relative;
}

.slider-overlay 
{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.bd_password_container 
{
    position: relative;
    width: auto;
}

.bd_password_input 
{
    padding-right: 30px;
}

.bd_toggle_password 
{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.dewvmsg { display:inline-block;font-size:9px;background-color:rgb(221, 227, 234);font-weight:600;padding:1px 6px 2px 6px;height:12px;border-radius:10px;transform: translate(-6px, -4px);color:black; }
.popusermenuicon { width:100%;max-width:200px;max-height:300px;border-radius:4px; }
.c_e1e2e6 { background-color:#e1e2e6; }
.boxlink_colors { background-color:white; position:absolute;display:none;z-index:1000; border-radius:4px; }
.mg_cb_r0 { background-color:#fff; }
.ps_09123 { border-bottom:1px solid #E8EDF1; height:24px; }
.ps_09124 { border-bottom:2px solid #E8EDF1; }

.partial_feed_l { padding:10px 10px 6px 10px;background-color:#f5f6f6; }
.partial_feed_r { width:100%;padding:10px 10px 10px 10px;background-color:white; }
.partial_feed_f { padding:15px 5px 0px 15px;text-align:right;background-color:white }
.cover_image_profile_d { min-height:45px;background-color:#255392;min-height:50px;background-color:#d7dbe0; }
.partial_feed_ti { padding:5px 5px 3px 5px; text-align:center;font-size:17px; font-weight:bold;background-color:#f0f0f1; }
.selfeeds_q4 { padding:4px 4px 4px 4px;text-align:right;background-color:#fefefe; }  
.mlglermob { background-color:white;padding:4px 0px 4px 0px; }
.profilfriends_ofvow { overflow:hidden;height:17px; white-space: nowrap;text-overflow: ellipsis; }
.feed_hashtag_face 
{
    position: relative; /* Allows absolute positioning of the image */
    padding-left: 26px; /* Space for the image to fit in on the left */
    display: inline-block; /* Keeps the anchor inline without height expansion */
    vertical-align: middle;
}

.feed_hashtag_face .imr 
{
    position: absolute;
    top: 6px; /* Centers the image vertically */
    left: 0px; /* Positions the image within the padded space */
    transform: translateY(-50%); /* Centers the image vertically within .feed_hashtag_face */
    width: 18px;
    height: 18px;
    display: inline-block;
}

.feed_hashtag_face .imx 
{
    width: 18px;
    height: 18px;
    border: 2px solid #cbdffb;
    background-color: #3965a6;
    border-radius: 50%; /* Optional: makes the image circular */
}

.thm_container .feed_hashtag_face 
{
    position: relative;
    padding-left: 26px; /* Space for the larger image */
    display: inline-block;
    vertical-align: middle;
}

.thm_container .feed_hashtag_face .imr 
{
    position: absolute;
    top: 6px; /* Adjusts vertical position of the image */
    left: -4px; /* Positions the image within the padded space */
    transform: translateY(-50%); /* Centers the image vertically */
    width: 21px;
    height: 21px;
    display: inline-block;
}

.thm_container .feed_hashtag_face .imx 
{
    width: 21px;
    height: 21px;
    border: 2px solid #cbdffb;
    background-color: #3965a6;
    border-radius: 50%; /* Optional: keeps the image circular */
}

.thm_big .feed_hashtag_face 
{
    position: relative;
    padding-left: 26px; /* Increased padding to accommodate the larger image */
    display: inline-block;
    vertical-align: middle;
}

.thm_big .feed_hashtag_face .imr 
{
    position: absolute;
    top: 7px; /* Centers the larger image vertically */
    left: -4px; /* Positions the image within the padded space */
    transform: translateY(-50%); /* Centers the image vertically within .feed_hashtag_face */
    width: 26px !important;
    height: 26px !important;
    display: inline-block;
}

.thm_big .feed_hashtag_face .imx 
{
    width: 26px !important;
    height: 26px !important;
    border: 2px solid #cbdffb;
    background-color: #3965a6;
    border-radius: 50%; /* Optional: keeps the image circular */
}
.ss-mb1 {
    background-color: #f5f6f6;
}

.ss-mb2 {
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    padding-top:8px;
    padding-bottom:8px;
    box-sizing: border-box;
}

.ss-mb3 {
    height: 120px;
}

.ss-mb4 {
    padding: 8px 8px 8px 6px;
    width: 140px;
}

.ss-mb5 {
    width: 100%;
    padding: 8px;
    text-align: center;
}

.ss-mb6 {
    font-weight: 600;
}

.ss-mb7 {
    height: 4px;
}

.ss-mb8 {
    font-weight: 600;
}

.ss-mb9 {
    height: 10px;
}

.ss-mb10 {
    display: none;
}

.ss-mb11 {
    /* Additional button styles */
}

.ss-mb12 {
    width: auto;
    padding: 8px;
    font-size: 14px;
    max-height: 150px;
    overflow: hidden;
    background-color: white;
}

.ss-mb13 {
    height: 12px;
}
.ss-mb20 {
    min-height: 138px;
    border-collapse: separate !important;
    padding: 0px;
}

.ss-mb21 {
    padding: 10px 10px 6px 10px;
    background-color: #ffffff;
    vertical-align: top;
}

.ss-mb22 {
    width: 100%;
    padding: 10px;
    background-color: white;
    vertical-align: top;
}

.ss-mb23 {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
}

.ss-mb24 {
    font-size: 11px;
    font-weight: 600;
}

.ss-mb25 {
    width: auto;
    padding: 4px 0px 4px 0px;
    font-size: 14px;
    max-height: 140px;
    overflow: hidden;
}

.ss-mb26 {
    font-weight: 600;
}

.ss-mb27 {
    padding: 15px 5px 0px 15px;
    text-align: right;
    background-color: white;
    vertical-align: top;
}

.ss-mb28 {
    visibility: hidden;
}

.ss-mb29 {
    /* Additional button styles */
}

.ss-mb30 {
    height: 12px;
}

.tp-contentbody1, .tp-background-wrapper {
    background-image: url() !important;
    /*background-color: #0c1d30 !important;*/
}

.me_header { font-size:17px; font-weight:600; }
.me_small { font-size:13px; }
.mt_300pox { width:310px;margin:auto; }
.gender-select {
    border: 6px solid transparent; /* Transparent border to maintain size consistency */
    border-radius: 12px; /* Adjust this value for more or less rounding */
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

.gender-select.selected {
    box-shadow: 0 0 0 6px #FFBF00; /* Amber color border effect */
    border-radius: 12px; /* Ensure the same rounding is applied when selected */
}
#response_message p { text-align:center; }
.mt_regbak { background-color:#e7e8ed;border-radius:4px; }

.centered-div {
    width: 100%; /* Adjust as needed */
    position: relative;
}

.centered-div {
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    flex-direction: column; /* Stack children vertically */
    text-align: center; /* Optional: Center text content */
}

#signupi_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    display: none;
    z-index: 1999;
}

#signupi_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: none;
    z-index: 2000;
}

.feed_col2_inner { background-color:#ECEFF4; }

/* Flex container for gallery items */
#custom_lightbox_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px; /* Add spacing between items */
}

#video_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-direction: column;
}

#video_modal_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    max-width: 700px;
}

/* Ensure the player container allows relative positioning */
#video_player_container {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Video player styling */
#video_player {
    width: 100%;
    max-height: 400px;
    border-radius: 4px; /* Visual rounded corners for the container */
    overflow: hidden; /* Prevent content overflow */
    clip-path: inset(0 round 4px); /* Apply true rounded corners to the video */
    object-fit: cover; /* Ensure the video fits nicely within the rounded edges */
}


/* Timer and red dot styling positioned over the video */
#recording_timer {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 600;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    z-index: 10; /* Ensures timer overlays the video */
}

#timer_dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: green; /* Default green dot */
    margin-right: 10px;
    animation: none; /* No flashing by default */
}

@keyframes flashing {
    0% {
        background-color: red;
    }
    50% {
        background-color: transparent;
    }
    100% {
        background-color: red;
    }
}

#timer_display {
    font-family: monospace;
}

/* Center the controls below the video */
#video_controls {
    text-align: center;
    margin-top: 20px;
}
.processing-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.1rem; color: white; background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 5px; }

.comment_msg textarea.eid_instantedit {
    box-sizing: border-box; /* Ensures padding and borders don't increase the width */
    border-radius:8px;
    margin-bottom: 8px;
}
.elastic { resize: none; min-height:40px; }
.eid_instantedit { margin-bottom:8px; }

.adult_hide {
    position: relative;
    overflow: hidden;
    cursor: pointer; /* Indicates it's clickable */
}

/* Warning message with eye icon */
.adult_warning {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px 20px 20px;
    border-radius: 5px;
    position: absolute;
    top: min(50%, 500px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 80%;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Eye icon */
.adult_eye {
    font-size: 21px;
    margin-bottom: -4px;
}

/* Blur effect */
.adult_hide > *:not(.adult_warning) {
    filter: blur(10px);
    pointer-events: none;
    transition: filter 0.3s ease;
}

.adult_hide.unhidden > * {
    filter: blur(0);
    pointer-events: all;
}

/* Hide button */
.adult_unhide {
    position: absolute;
    top: 6px;
    right: 26px;
    background: rgba(21, 44, 69, 0.8) !important;
    color: white;
    padding: 2px 6px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    display: none;
    opacity: 1;
    transition: opacity 0.5s ease;
    height:22px;
}

.adult_unhide:hover {
    background: rgba(0, 0, 0, 0.9);
}

.adult_unhide.fade_out {
    opacity: 0;
    pointer-events: none;
}

/* Hide warning message when unhidden */
.adult_hide.unhidden .adult_warning {
    display: none;
}

/* Downloadble image button */
.cl_download_btn {
    position: absolute;
    top: 6px;
    right: 4px;
    background: rgba(21, 44, 69, 0.8) !important;
    color: white;
    font-size: 12px;
    height:18px;
    padding: 2px 2px;
    text-decoration: none;
    border-radius: 4px;
    z-index: 10;
}
.pics_in_a_row > div,
.pics_in_a_row_single > div,
.photoheader_p > div {
    position: relative;
}

.tp-contentbody-nomax { max-width:none; }
.tp-contentbody-max1440 { max-width:1440px; }