/* GLOBAL SCOPE CSS: AUTO-IMPORT VIA VJ.JS
 @PURPOSE Common styles throughout vjosil.com
 @PRECEDENCE 0-0-0 (ID) #ID > (CLASS) .CLASS / [ATTR] / :hover > (TYPE) TAG ::before
 @REFERENCE https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
 @REFERENCE https://developer.mozilla.org/en-US/docs/Web/CSS/system-color
 @REFEREMCE https://www.ditdot.hr/en/dark-mode-website-tutorial */

:root {
	--bd1sc: 1px solid #ccc;
	--bd1sd: 1px solid #ddd;
	--bd1s0: 1px solid #000;
	--bd1s3: 1px solid #333;
	--bd1sf: 1px solid #fff;
	--bd1sgy: 1px solid gray;
	--bd1ssr: 1px solid silver;
	--bdbg: verdana,arial,helvetica,sans-serif;
	--dsblo: 0.4; /*disabled opacity*/
	--accent: #2e7df9; /*bluish*/
	--arbg: inherit;
}

/* important CSS block begins
 *
 * BACKGROUNDS ********/
.box, [box], box, #ebox,
.wninpt, .wnform [type=text],
.bge, [bge] { background-color: #eee!important }    /**/
.bga, [bga] { background-color: #ffc000!important } /*amber*/
.bgb, [bgb] { background-color: #000!important }    /*black*/
.bgd, [bgd] { background-color: #ddd!important }    /**/
.bgf, [bgf] { background-color: #fff!important }    /*white*/
.bg3, [bg3] { background-color: #333!important }    /*gray20*/
.bgg, [bgg] { background-color: gray!important }    /*gray*/
.bgo, [bgo] { background-color: orange!important }  /*orange*/
.bgp, [bgp] { background: inherit; color: inherit } /*parent*/
.bgr, [bgr] { background-color: #f00!important }    /*red*/
.bgs, [bgs] { background-color: #ccc!important }    /*gray80*/
.bgx, [bgx] { background-color: #0000!important }   /*trans*/

/* BORDERS */
.round, [round],
.rd,    [rd]   { border-radius: 50%!important }        /*round*/
.bd0,   [bd0]  { border: 0!important }                 /*none*/
.sb,    [sb]   { border: 1px solid silver!important }  /*silver*/
.bb,    [bb]   { border: 1px solid #000!important }    /*black*/
.gb,    [gb]   { border: 1px solid gray!important }    /*gray*/
.fb,    [fb]   { border: 1px solid #fff!important }    /*fff*/
.ib,    [ib]   { border: 1px inset!important }         /*inset-1px*/
.ob,    [ob]   { border: 1px outset!important }        /*outset-1px*/
.rb,    [rb]   { border: 1px solid red!important }     /*red*/
.bdt0,  [bdt0] { border-top: 0!important }             /*top-0*/
.ibt,   [ibt]  { border-top: 1px inset!important }     /*inset-1px-top*/
.obt,   [obt]  { border-top: 1px outset!important }    /*outset-1px-top*/
.bdr0,  [bdr0] { border-right: 0!important }           /*right-0*/
.obr,   [obr]  { border-right: 1px outset!important }  /*outset-1px-right*/
.bdb0,  [bdb0] { border-bottom: 0!important }          /*bottom-0*/
.ibb,   [ibb]  { border-bottom: 1px inset!important }  /*inset-1px-bottom*/
.obb,   [obb]  { border-bottom: 1px outset!important } /*outset-1px-bottom*/
.bdl0,  [bdl0] { border-left: 0!important }            /*left-0*/
.ibl,   [ibl]  { border-left: 1px inset!important }    /*inset-1px-left*/
.obl,   [obl]  { border-left: 1px outset!important }   /*outset-1px-left*/
.tbhl,  [tbhl] { border-color: orange!important }      /*table-hilite*/
.bdda,  [bdda] { border-style: dashed!important }      /*dashed*/
.bddo,  [bddo] { border-style: dotted!important }      /*dotted*/
.bdno,  [bdno] { border-style: none!important }        /*none*/
.bdso,  [bdso] { border-style: solid!important }       /*solid*/
.bdin,  [bdin] { border-style: inset!important }       /*inset*/
.bdou,  [bdou] { border-style: outset!important }      /*outset*/
.bd1,   [bd1]  { border-width: 1px!important }         /*1px*/

/* COLORS */
#ebox a:hover,
.a:hover,
.closebtn:hover,
.error,
.redover:hover,
.red,    [red],   red   { color: #f00!important }
.gray,   [gray],  gray  { color: gray!important }
.gray60, [gray60]       { color: #999!important }
.green,  [green], green { color: green!important }
.blue,   [blue],  blue  { color: #00f!important }
.lime,   [lime]         { color: lime!important }
.pink,   [pink]         { color: pink!important }
.orange, [orange]       { color: orange!important }
.amber,  [amber]        { color: #ffc000!important }
.info, tooltip,
.fg0,    [fg0],
.black,  [black]        { color: #000!important }
.bg3,    [bg3],
.bgb,    [bgb],
.bgg,    [bgg],
.fgf,    [fgf],
.white,  [white], white { color: #fff!important }
.yellow, [yellow]       { color: #ff0!important }

/* CURSORS & RESIZES */
.a,
.click,  [click],
.dock,   [dock],
[type=submit],
body [onclick]    { cursor: pointer!important }
.move,   [move],
[drag="9"]        { cursor: move!important }
.curdef, [curdef] { cursor: default!important }
.resize, [resize] { cursor: ns-resize!important }
.rsz,    [rsz ]   { resize: both!important }
.rszh,   [rszh]   { resize: horizontal!important }
.rszn,   [rszn],
.norsz,  [norsz]  { resize: none!important }
.rszv,   [rszv]   { resize: vertical!important }

/* FLOATS */
.linb,
.fleft,  [fleft]  { float: left!important }
.fright, [fright] { float: right!important }
.funset, [funset] { float: unset!important }
.fclear, [fclear] { clear: both!important }

/* MARGINS */
.mg0,    [mg0]    { margin: 0!important }
.mg2,    [mg2]    { margin: 2px!important }
.mg5,    [mg5]    { margin: 5px!important }
.mg10,   [mg10]   { margin: 10px!important }
.mg02,   [mg02]	  { margin: 0 2px!important }
.mg05,   [mg05]   { margin: 0 5px!important }
.mg010,  [mg010]  { margin: 0 10px!important }
.mg0220, [mg0220] { margin: 0 2px 2px 0!important }
.mg0550, [mg0550] { margin: 0 5px 5px 0!important }
.mg0022, [mg0022] { margin: 0 0 2px 2px!important }
.mg0055, [mg0055] { margin: 0 0 5px 5px!important }
.mg20,   [mg20]   { margin: 2px 0!important }
.mg50,   [mg50]   { margin: 5px 0!important }
.mgt0,   [mgt0]   { margin-top: 0!important }
.mgt2,   [mgt2]   { margin-top: 2px!important }
.mgt5,   [mgt5]   { margin-top: 5px!important }
.mgt10,  [mgt10]  { margin-top: 10px!important }
.mgr0,   [mgr0]   { margin-right: 0!important }
.mgr2,   [mgr2]   { margin-right: 2px!important }
.mgr5,   [mgr5]   { margin-right: 5px!important }
.mgr10,  [mgr10]  { margin-right: 10px!important }
.mgb0,   [mgb0]   { margin-bottom: 0!important }
.mgb2,   [mgb2]   { margin-bottom: 2px!important }
.mgb5,   [mgb5]   { margin-bottom: 5px!important }
.mgb10,  [mgb10]  { margin-bottom: 10px!important }
.mgl0,   [mgl0]   { margin-left: 0!important }
.mgl2,   [mgl2]   { margin-left: 2px!important }
.mgl5,   [mgl5]   { margin-left: 5px!important }
.mgl10,  [mgl10]  { margin-left: 10px!important }

/* MINS & MAXS */
.maxh50,  [maxh50]  { max-height: 50px!important }  /*50px*/
.maxh100, [maxh100] { max-height: 100px!important }
.maxh200, [maxh200] { max-height: 200px!important }
.maxh300, [maxh300] { max-height: 300px!important }
.maxh400, [maxh400] { max-height: 400px!important }
.maxh500, [maxh500] { max-height: 500px!important }
.maxh600, [maxh600] { max-height: 600px!important }
.maxw50,  [maxw50]  { max-width: 50px!important }
.maxw100, [maxw100] { max-width: 100px!important }
.maxw200, [maxw200] { max-width: 200px!important }
.maxw300, [maxw300] { max-width: 300px!important }
.maxw400, [maxw400] { max-width: 400px!important }
.maxw500, [maxw500] { max-width: 500px!important }
.maxw600, [maxw600] { max-width: 600px!important }
.minh50,  [minh50]  { min-height: 50px!important }
.minh100, [minh100] { min-height: 100px!important }
.minh200, [minh200] { min-height: 200px!important }
.minh300, [minh300] { min-height: 300px!important }
.minh400, [minh400] { min-height: 400px!important }
.minh500, [minh500] { min-height: 500px!important }
.minh600, [minh600] { max-height: 600px!important }
.minw50,  [minw50]  { min-width: 50px!important }
.minw100, [minw100] { min-width: 100px!important }
.minw200, [minw200] { min-width: 200px!important }
.minw300, [minw300] { min-width: 300px!important }
.minw400, [minw400] { min-width: 400px!important }
.minw500, [minw500] { min-width: 500px!important }
.minw600, [minw600] { max-width: 600px!important }  /*600px*/

/* PADDINGS */
.pd0,   [pd0]   { padding: 0!important }
.pd2,   [pd2]   { padding: 2px!important }
.pd5,   [pd5]   { padding: 5px!important }
.pd10,  [pd10]  { padding: 10px!important }
.pd02,  [pd02]  { padding: 0 2px!important }
.pd04,  [pd04]  { padding: 0 4px!important }
.pd05,  [pd05]  { padding: 0 5px!important }
.pd010, [pd010] { padding: 0 10px!important }
.pdt0,  [pdt0]  { padding-top: 0!important }
.pdt2,  [pdt2]  { padding-top: 2px!important }
.pdt5,  [pdt5]  { padding-top: 5px!important }
.pdt10, [pdt10] { padding-top: 10px!important }
.pdr0,  [pdr0]  { padding-right: 0!important }
.pdr2,  [pdr2]  { padding-right: 2px!important }
.pdr5,  [pdr5]  { padding-right: 5px!important }
.pdr10, [pdr10] { padding-right: 10px!important }
.pdb0,  [pdb0]  { padding-bottom: 0!important }
.pdb2,  [pdb2]  { padding-bottom: 2px!important }
.pdb5,  [pdb5]  { padding-bottom: 5px!important }
.pdb10, [pdb10] { padding-bottom: 10px!important }
.pdl0,  [pdl0]  { padding-left: 0!important }
.pdl2,  [pdl2]  { padding-left: 2px!important }
.pdl5,  [pdl5]  { padding-left: 5px!important }
.pdl10, [pdl10] { padding-left: 10px!important }

/* POSITIONS */
#ajaxinfo,
.toggle *,
.abs,   [abs]   { position: absolute!important }
#ebox,
.maximized,
.fixed, [fixed] { position: fixed!important }
.rel,   [rel]   { position: relative!important }
#eboxplus,
.maximized,
.top0,  [top0]  { top: 0!important }
#eboxplus,
.rht0,  [rht0]  { right: 0!important }
.btm0,  [btm0]  { bottom: 0!important }
.maximized,
.lft0,  [lft0]  { left: 0!important }

/* SIZES */
#WNBTNS,
.maximized,
.tall,  [tall]  { height: 100%!important }
.maximized,
.wide,  [wide]  { width: 100%!important }
.half,  [half]  { width: 50%!important }
.third, [third] { width: 33.33%!important }
.qrtr,  [qrtr]  { width: 25%!important }
.ht50,  [ht50]  { height: 50px!important }  /*50px*/
.ht100, [ht100] { height: 100px!important }
.ht150, [ht150] { height: 150px!important }
.ht200, [ht200] { height: 200px!important }
.ht250, [ht250] { height: 250px!important }
.ht300, [ht300] { height: 300px!important }
.ht350, [ht350] { height: 350px!important }
.ht400, [ht400] { height: 400px!important }
.ht450, [ht450] { height: 450px!important }
.ht500, [ht500] { height: 500px!important }
.ht550, [ht550] { height: 550px!important }
.ht600, [ht600] { height: 600px!important }
.vh100, [vh100] { height: 100vh!important }
.vw100, [vw100] { width: 100vw!important }
.wd50,  [wd50]  { width: 50px!important }
.wd100, [wd100] { width: 100px!important }
.wd150, [wd150] { width: 150px!important }
.wd200, [wd200] { width: 200px!important }
.wd250, [wd250] { width: 250px!important }
.wd300, [wd300] { width: 300px!important }
.wd350, [wd350] { width: 350px!important }
.wd400, [wd400] { width: 400px!important }
.wd450, [wd450] { width: 450px!important }
.wd500, [wd500] { width: 500px!important }
.wd550, [wd550] { width: 550px!important }
.wd600, [wd600] { width: 600px!important }  /*600px*/

/* TEXT-ALIGNS */
kbd,
#wino div,
.center,  [center]  { text-align: center!important }
.wnbtl,
.left,    [left]    { text-align: left!important }
.linb, .wnbtr,
.right,   [right]   { text-align: right!important }
.justify, [justify] { text-align: justify!important }

/* VERTICAL-ALIGNS */
.bottom, [bottom] { vertical-align: bottom!important }
.middle, [middle] { vertical-align: middle!important }
.top,    [top]    { vertical-align: top!important }

/* OTHER MISC */
.arrow,        [arrow],
.inline-block, [inline-block],
[class^='rotate'],
[rotate90],
[rotate180],
[rotate270],
[class^='flip'],
[flip0],
[flip180],
kbd                      { display: inline-block!important }
.close,
.hid,          [hid]     { display: none!important }
.br,
.block,        [block]   { display: block!important }
.bshadow,      [bshadow] { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.2)!important }
.ftcon,        [ftcon]   { font-family: Consolas, Monaco, "Lucida Console", monospace!important }
.big,          [big],
.larger,       [larger]  { font-size: larger!important }
.smaller,      [smaller] { font-size: smaller!important }
.sz11,         [sz11]    { font-size: 11px!important }
.sz20,         [sz20]    { font-size: 20px!important }
.em,           [em]      { font-style: italic!important }
.bold,         [bold]    { font-weight: 700!important }
.lhvj,         [lhvj]    { line-height: 1.3em!important }
.ofh,          [ofh],
[inviewoh],
.editable                { overflow: hidden!important }
[scrollable],
.ofa,          [ofa]     { overflow: auto!important }
.ofv,          [ofv]     { overflow: visible!important }
.nohover,      [nohover],
.noev,         [noev]    { pointer-events: none!important }
.und,          [und]     { text-decoration: underline!important }
.del,          [del]     { text-decoration: line-through!important }
.indent,       [indent]  { text-indent: 50px!important }
.li font,
.nowrap,       [nowrap],
kbd,
.editable                { white-space: nowrap!important }
.prewrap,      [prewrap] { white-space: pre-wrap!important }
.zi,           [zi]      { z-index: 1!important }
.zi2,          [zi2]     { z-index: 2!important }

/* important CSS block ends */

body,
html,
.filearea {
	box-sizing: border-box;
	height: 100%;
	width: 100%
}

body,
html,
form {
	margin: 0;
	padding: 0
}

[id] img {
	max-width: 95vw
}

[scrollsmooth] {
	scroll-behavior: smooth
}

.external a[target="_blank"]::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	margin: 0 3px 0 5px
}

.a {
	color: #00e;
	
	&:visited,
	&.visited {
		color: #551a8b
	}
}

.br {
	width: fit-content
}

.info {
	background-color: #ffc
}

.error {}

.vjcontainer {
	margin: 0 auto;
	max-width: 635px
}

.vjheader {
	background-position: calc(50% - 241px),calc(50% + 241px);
	background-repeat: no-repeat, no-repeat;
	border: 1px solid #000;
	border-bottom: none;
	height: 64px
}

.vjhelp {
	right: 4px;
	top: 0
}

.vjuser {
	margin-top: 14px;
	right: 5px
}

.vjbody {
	border: 1px solid #000;
	border-width: 5px 1px;
	padding: 4px
}

.vjbanner {
	border-radius: 15px;
	min-height: 247px;
	padding: 18px 2px;
	width: 30px
}

.vjmain {
	padding: 0 0 20px 30px
}

.vjbuttons {
	border-bottom: 1px solid #9cf;
	margin-bottom: 4px;
	max-width: 100%;
	width: 506px
}

.vjsets {
	margin-left: -30px;
	z-index: 1
}

.vjintro {
	background-color: #b4b4b4;
	min-height: 60px;
	margin-bottom: 4px;
	width: 100%
}

.vjmusicim {
	width: 302px
}

.vjinfo {
	height: 268px;
	margin-bottom: 5px
}

.vjmedia {
	height: 36px
}

.vjlibrary {
	float: right;
	height: 307px;
	width: 257px;
	margin-left: 4px;

	> #frl {
		height: calc(100% - 26.5px)
	}
}

.vjinfo,
.vjmedia,
.vjlibrary {
	border: var(--bd1sgy)
}

.vjlibraryhdr {
	background-color: #ece9d8;
	border-bottom: var(--bd1sgy);
	padding: 5px 0px;
	font: 700 12px verdana
}

.focused {
	border-color: orange
}

.vjlibraryhdrbtn:hover,
.vjlibraryhdrmnu,
a.sm {
	background-color: gray;
	color: #fff
}

.vjlibraryhdrbtn {
	background-color: #ece9d8;
	border: var(--bd1sgy);
	margin: -3px 3px;
	padding: 2px 0;
	width: 19px;

	.vjlibraryhdrmnu {
		display: none;
		font-weight: normal;
		margin-top: 3px;
		right: -1px;
		width: 150px
	}

	&:hover .vjlibraryhdrmnu {
		display: block
	}
}

.vjphotonavenl {
	width: 268px
}

.vjphotoentryinfo {
	width: 188px;
	height: 95px;
	border: var(--bd1sc);
	margin-right: 4px
}

.vjphotoentrycom {
	width: 268px;
	border: var(--bd1sc);

	div:last-child {
		height: 74px 
	}
}

.vjphotonam {
	width: 231px
}

.vjphotonamcom {
	border-left: 3px solid #ccc;
	width: 100%;
	height: 42px;

	.ofa {
		width: calc(100% - 15px)
	}
}

#sname {
	border: var(--bd1sc);
	border: var(--bd1sc);
	height: 18px;
	width: 229px
}

.vjphotocomnav {
	width: 318px
}

.vjhomesleeve {
	width: 49%
}

[cpicn] .dtcicn,
.vjsitemaphdr {
	display: none
}

.vjhomeitem {
	margin-bottom: 5px;

	> .vjhomem {
		width: calc(100% - 84px);
		height: 80px;
		margin-left: 3px
	}
}

.vjhomego {
	background-color: #ccc;
	border-top-left-radius: 5px;
	margin: -17px 0 0;
	padding: 2px 5px
}

.vjhomear {
	 width: 362px
}

.vjhomemnbtn {
	display: none;
	right: 5px;
	padding: 2px 5px;
	margin: -3px;
}

.vjhomemn {
	background-color: #ccc;
	width: 194px;
	border: var(--bd1sf);
	max-height: 359px
}

.vjbgmol {
	border: var(--bd1sgy);
	border-radius: 50%;
	margin: -2px;
	padding: 0 0 2px 2px;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
	font-size: 18px;
	
	.d-l { margin: 1px 0 0 2px }
	.d-r { margin: 1px 0 0 -7px }
}

.vjfooter {
	padding: 19px 0 20px
}

a[al] {
	font-weight: bold
}
a[al]::after,
a[al]::before,
[cpicn]:hover .dtcicn,
.element-group,
.extimg,
.toggle {
	display: inline-block
}
[al="map"]::before {
	content: '\1F4CD';
}
[al="tel"]::after {
	content: '\2706';
}

button,
[type="button"],
[type="reset"],
[type="submit"],
.button {/*
	border: var(--bd1sgy);
	border-radius: 4px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px */
}

.toggle {
	background-color: gray;
	border-radius: 1rem; /* rounded ends */
	height: 1rem; /*empty-content fix*/
	padding: 1px;
	transition: transform .3s, background-color .3s;
	vertical-align: bottom; /*bottom-alignment fix*/
	width: 2rem;

	&::before {
		background-color: #fff;
		border-radius: inherit;
		content: '\0020';
		display: block;
		transform: translate(0%, 0%);
		height: 100%;
		transition: inherit;
		width: 50%;
	}

	&:is(.slim, .slim *) {
		height: .6rem;
		margin: 0 .5rem .15rem;
		width: 1rem;

		&::before {
			border: 1px solid gray;
			height: .9rem;
			margin: -.25rem 0 0 -.6rem;
			width: .9rem
		}

		&:has(:checked)::before {
			border-color: var(--accent)
		}
	}

	&:has(:checked) {
		background-color: var(--accent);
		
		&::before {
			transform: translate(100%, 0%)
		}
	}

	&:has(:disabled) {
		opacity: var(--dsblo)
	}

	&:has(:focus) {
		outline-style: auto;

		&::before {
			outline: inherit
		}
	}

	* {
		opacity: 0;
		width: 0
	}
	
	+ label:not(.toggle) {
		margin-left: 3px;
	} }

	@media print {
	.toggle::before {
		border: 1px solid;
		box-sizing: border-box
	}
}

kbd {
	background-color: #e1e3e5;
	border: 1px solid #adb3b9;
	box-shadow: 0 1px 0 rgba(12, 13, 14, 0.2), 0 0 0 2px #fff inset;
	color: #242729;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 .1em;
	padding: .1em .6em;
	line-height: 1.4;
	text-shadow: 0 1px 0 #fff
}

button,
input {
	overflow: visible
}

code,
pre, .pre, [pre],
.nowrap, [nowrap],
.prewrap, [prewrap],
textarea,
.ta {
	overflow: auto;
	-moz-tab-size: 4;
	  -o-tab-size: 4;
		 tab-size: 4;

	&.tab2, &[tab2] {
	-moz-tab-size: 2;
	  -o-tab-size: 2;
		 tab-size: 2
	}

	&.tab8, &[tab8] {
	-moz-tab-size: 8;
	  -o-tab-size: 8;
		 tab-size: 8
	}
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

.numberinput {
 	span {
		margin: 1px 0 -3px;
		width: 17px;

		&.less {
			margin-left: 1px;
			
			&:is(.mac *) {
				font-size: smaller /* fix-size on mac */
			}
		}

		&.more {
			margin-right: 1px
		}
	}

	&:has(:disabled) span,
	span[disabled] {
		opacity: var(--dsblo)
	}

	input {
		box-sizing: border-box;
		margin: 0px -18px;
		padding: 1px 18px;
	}
}

input.tf {
	-moz-appearance: textfield;
	appearance: textfield;

	&::-webkit-outer-spin-button,
	&::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0
	}
}

.ns, [ns],
contextmenu,
kbd {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: default
}

.fs, [fs],
.editable {
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	cursor: text
}

.togray, [togray] {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);

	&:hover {
		-webkit-filter: grayscale(0);
		filter: none
	}
}

/* TABLES */
.table,     [table]        { display: table;
.row,       [row]          { display: table-row;
.cell,      [cell]         { display: table-cell }}}
.collapse,  [collapse],
.collapsed, [collapsed]    { border-collapse: collapse; border-spacing: 0 }
.tb-col                    { border-collapse: collapse }
.tb-sep                    { border-collapse: separate }
.tb-spa-0,  .tb-pad-spa-0  { border-spacing: 0 }
.tb-spa-1,  .tb-pad-spa-1  { border-spacing: 1px }
.tb-spa-2,  .tb-pad-spa-2  { border-spacing: 2px }
.tb-spa-3,  .tb-pad-spa-3  { border-spacing: 3px }
.tb-spa-4,  .tb-pad-spa-4  { border-spacing: 4px }
.tb-spa-5,  .tb-pad-spa-5  { border-spacing: 5px }
.tb-spa-10, .tb-pad-spa-10 { border-spacing: 10px }
.tb-pad-0,  .tb-pad-spa-0  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 0 } } }
.tb-pad-1,  .tb-pad-spa-1  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 1px } } }
.tb-pad-2,  .tb-pad-spa-2  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 2px } } }
.tb-pad-3,  .tb-pad-spa-3  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 3px } } }
.tb-pad-4,  .tb-pad-spa-4  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 4px } } }
.tb-pad-5,  .tb-pad-spa-5  { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 5px } } }
.tb-pad-10, .tb-pad-spa-10 { >*>tr, >*>.row, >*>[row] { >td, >th, >.cell, >[cell] { padding: 10px } } }

/* GRID ref:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout */
.grid, [grid]  { display: grid;
	&.column-2, &[column2] { grid-template-columns: auto auto } /* use 1fr or specify size in explicit lengths */
	&.column-3, &[column3] { grid-template-columns: repeat(3, auto) }
	&.column-4, &[column4] { grid-template-columns: repeat(4, auto) }
	&.row-2,    &[row2]    { grid-template-rows: auto auto } /* use 1fr or specify size in explicit lengths */
	&.row-3,    &[row3]    { grid-template-rows: repeat(3, auto) }
	&.row-4,    &[row4]    { grid-template-rows: repeat(4, auto) }
	&.gap-2,    &[gap2]    { gap: 2px }
	&.gap-4,    &[gap4]    { gap: 4px }
	&.gap-5,    &[gap5]    { gap: 5px }
	&.gap-10,   &[gap10]   { gap: 10px }
	 .area-a,    [areaa]   { grid-area: a }
	 .area-b,    [areab]   { grid-area: b }
	 .area-c,    [areac]   { grid-area: c }
	 .area-d,    [aread]   { grid-area: d }
}

.upper, [upper] {
	text-transform: uppercase
}

iframe[name="uSession"],
#cbtext,
input[ref="cbd"],
#cbbutton,
#wrngbar,
.hid0, [hid0] {
	position: absolute;
	left: 0;
	top: -5000px
}


[scrollable][n] {
	-ms-overflow-style: none;
	scrollbar-width: none;

	&::-webkit-scrollbar {
		display: none
	}
}

div[scrollbar] {
	position: absolute;
	transition: opacity 1s;
	z-index: 1;

	img:not([ref="bar"]) {
		background-position: 50% 60%;
		background-repeat: no-repeat;
		height: 9px
	}

	[ref="bar"] {
		border-radius: 5px;
		min-height: 9px
	}
}

input[id^="vjnotif"] {
	border: 1px outset;
	border-top: 0;
	border-right: 0;
	border-radius: 0;
	box-sizing: border-box;
	height: 50%;
	width: 100%
}

#vjnotif0 {
	height: 40px;
	margin: -6px -6px -6px -25px;
	width: 25px
}

#vjnotifi {
	margin: -4px 5px -4px -4px;
	width: 58px
}

#vjnotifm {
	margin-right: 26px;
	max-height: 400px;
	overflow: auto
}

#vjnotifx {
	height: 20px;
	margin: 4px -8px -30px;
	width: 314px
}

label:not([nb],.nb,[id$='_lbl']):hover {
	background-image: url(imgcreate?p=.....:12:3::-1:3::::10:arial);
	background-position: 100% 100%;
	background-repeat: repeat-x
}

.tshadow, [tshadow] {
	text-shadow: 1px 1px 3px
}

td[pf].vjao {
	background-image: url(img/win_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-shadow: 2px 2px 1px #ccc;
	width: 150px
}

tooltip {
	box-shadow: 2px 2px 2px 1px #555;
	font: 11px Arial;
	max-width: 500px;
	overflow: hidden;
	padding: 2px 6px;
	word-wrap: break-word;
	z-index: 99;

	[w] {
		float: left;
		margin: -2px 5px -2px -6px;
		max-height: 100px;
		max-width: 100px
	}
}

.clip, [clip],
.trunc, [trunc] {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip
}

.trunc, [trunc] {
	text-overflow: ellipsis
}

.dock, [dock] {
	background-image: url(img/icn_cb0.gif);
	background-position: center!important;
	background-repeat: no-repeat!important;
	border-style: inset;
	caret-color: #0000;
	width: 20px
}

div[scrollbar] img:hover,
.hover:hover:not([disabled]), [hover]:hover:not([disabled]),
.dock:hover, [dock]:hover,
.wninpb:hover, .wnform [type=button]:hover,
.toggle {
	filter: brightness(85%)
}

.dock[sel], [dock][sel],
.dock.sel, [doc].sel {
	background-image: url(img/icn_cb1.gif)
}

div[hilite] {
	opacity: 0.2;
	top: 10px;
	right: 10px
}

.hyphen, [hyphen] {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.nobx+label, [nobx]+label,
.nobxo, [nobxo],
.nobx label, [nobx] label {
	border: var(--bd1ssr);
	color: #aaa;
	padding-left: 8px;
	padding-right: 8px
}

.nobx+label:hover, [nobx]+label:hover,
.nobx label:hover, [nobx] label:hover,
.nobx:checked+label, [nobx]:checked+label,
.nobx :checked+label, [nobx] :checked+label,
label.nobx:has(input:checked), label[nobx]:has(input:checked) {
	background-color: #ccc;
	border-color: #333;
	color: #000
}

.rc, [rc],
.box, [box], box,
.hEA,
.br3, [br3],
.wninpb, .wnform [type=button],
kbd {
	border-radius: 4px
}

.sticky, [sticky] {
	left: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.hid0, [hid0] {
	max-height: 1px;
	max-width: 1px;
	opacity: 0;
	overflow: hidden;
	left: -1px
}

.wrap, [wrap] {
	word-break: break-all;
	word-wrap: break-word
}

.pre, [pre], pre {
	display: block;
	font: 1em monospace;
	white-space: pre
}

.box, [box], box {
	border: var(--bd1ssr);
	color: #000;
	padding: 2px
}

.closebtn {
	font-family: var(--bdbg);
	font-size: 1.15em;
	font-weight: 700;
	margin-top: -1px;
	padding: 0 2px;
	text-decoration: none;
	z-index: 97
}

.nobx[type="checkbox"], [nobx][type="checkbox"],
.nobx[type="radio"], [nobx][type="radio"],
.nobx input, [nobx] input {
	display: none!important;
	visibility: hidden
}

.arrow, [arrow] {
	background-color: #0000;
	border: 2px solid #0000;
	height: 7px;
	margin-left: 7px;
	transform: rotate(45deg);
	width: 7px;
	
	&.d-u, &[d-u] { border-top-color: var(--arbg); border-left-color: var(--arbg) }
	&.d-r, &[d-r] { border-right-color: var(--arbg); border-top-color: var(--arbg) }
	&.d-d, &[d-d] { border-bottom-color: var(--arbg); border-right-color: var(--arbg) }
	&.d-l, &[d-l] { border-left-color: var(--arbg); border-bottom-color: var(--arbg) }
}

.animate, [animate] {
	transition: all .5s ease;
	
	&.s-2, &[s-2] { transition-duration: .2s }
	&.s1,  &[s1]  { transition-duration: 1s }
	&.s2,  &[s2]  { transition-duration: 2s }
	&.s5,  &[s5]  { transition-duration: 5s }
	&.s10, &[s10] { transition-duration: 10s }
}

input:disabled+label {
	color: #ccc;
	cursor: not-allowed
}

.flex, [flex],
.filearea {
	align-items: center;
	cursor: default;
	display: flex;
	justify-content: center;
	text-align: center
}

.filearea {
	background-color: rgba(255, 255, 255, .5);
	font: bold 2em "Arial";
}

.hilite {
	background-color: #ff0;
	color: #000;
	cursor: default;
	font-weight: 700
}

.inset, [inset] {
	border: 1px solid;
	border-color: gray silver silver gray
}

.li {
	cursor: default;
	padding-right: 2px
}

.linb {
	margin-right: 4px;
	width: 38px
}

.hEA {
	background-color: silver;
	margin-right: 3px;
	padding-left: 9px
}

.outset, [outset] {
	border: 1px solid;
	border-color: silver gray gray silver
}

/* TRANSFORMS */
.rotate90,     [rotate90]     { transform: rotate(90deg) }
.rotate180,    [rotate180]    { transform: rotate(180deg) }
.rotate270,    [rotate270]    { transform: rotate(270deg) }
.flip0,        [flip0]        { transform: rotateY(0deg) }
.flip180,      [flip180]      { transform: rotateY(180deg) }
.grow10:hover, [grow10]:hover { transform: scale(1.1) } /* for large elements */
.grow25:hover, [grow25]:hover { transform: scale(1.25) }
.grow50:hover, [grow50]:hover { transform: scale(1.5) }
.grow75:hover, [grow75]:hover { transform: scale(1.75) }
.grow2x:hover, [grow2x]:hover { transform: scale(2) } /* for small elements */
[class^='grow'], [grow10], [grow25],
[grow50], [grow75], [grow2x]  { transition: all .2s ease-in-out }

.smbtnwn,
.trans, [trans],
.wninptd, .wnform td {
	background-color: #0000;
	border: 0;
	outline: 0
}

.winx1:hover {
	background-color: #900;
	color: #fff
}

.rsz, [rsz] {
	margin: -2px;
	opacity: 0;
	padding: 2px;

	&:hover {
		opacity: 0.25
	}
}

.tbwp::before, [tbwp]::before {
	content: '\25B6';
	margin: -11px 0 0 -5px;
	position: absolute;
	z-index: 1
}

.wnall,
.wninpb, .wnform [type=button],
.wninpt, .wnform [type=text],
.wninptd, .wnform td {
	color: #000;
	font-family: Verdana;

	&:disabled {
		color: graytext
	}
}

.wnbtm,
.wnbtl,
.wnbtr {
	background-color: #eee;
	border-top: 1px inset;
	padding: 6px
}

#win_title {
	margin-right: 20px;
	padding: 1px 2px 1px 3px
}

#WNIMG div {
	border: var(--bd1sf);
	border-right-color: #aaa;
	border-bottom: 0;
	margin-bottom: -2px
}

#DIALOG_ctnr {
	border: var(--bd1sf);
	border-color: #fff #aaa #aaa #fff;
	min-height:100%
}

#WNBTM .wnbtm {
	border: 1px solid #aaa;
	border-left-color: #fff;
	border-top: none
}

.wninpb, .wnform [type=button] {
	background: #eee url(img/wnbbg.jpg);
	margin-bottom: 3px;

 	&:active {
		border-style: inset
	}

	&:disabled {
		border-style: outset
	}

}

.wninpb {
	min-width: 70px
}

.wnbtm {
	text-align: center
}

.wnlft {
	padding: 5px 5px 5px 15px
}

.wnulft,
.wnlftu {
	margin-left: -15px
}

.wninpb, .wnform [type=button],
.wninpt, .wnform [type=text] {
	font-size: 11px;
	border-radius: 2px;
	border-width: 1px
}

.wninptd, .wnform td {
	border-bottom: 1px dotted gray
}

#WNBTNS {
	border: 0;
	float: right;
	padding: 3px 1px 0;

	img {
		border-right: 1px solid #0000
	}
}


#win_btm {
	border: 1px solid #aaa;
	border-left-color: #fff;
	border-top: 0
}

.wrngen {
	border-bottom: var(--bd1sgy);
	padding: 3px
}

#ebox {
	border: 1px solid var(--accent);
	border-radius: 5px;
	color: #000;
	font: 11px Verdana, Arial;
	overflow: hidden;
	padding: 4px;
	right: 10px;
	top: 10px;
	width: 300px;
	z-index: 50;

	a:link {
		color: navy;
		text-decoration: none
	}
}

#ebox fieldset,
.bxflds {
	border: 0 dotted;
	border-radius: 0;
	padding: 1px
}

#ebox legend,
.bxlgnd {
	font-size: smaller;
	margin-left: 5px
}

#eboxtx {
	overflow: auto;
	max-height: 400px
}

#eboxplus {
	margin: 0;
	opacity: 0.25;
	z-index: 3
}

.bxhdr {
	background-color: var(--accent);
	border-bottom: var(--bd1ssr);
	color: var(--accent)Text;
	margin: -4px -4px 4px;
	padding: 4px 4px 0
}

.stretch, [stretch] {
	border-top: 0!important;
	border-right: 0!important;
	border-left: 13px solid #0000 !important;
	border-bottom-width: 13px!important;
	border-bottom-style: solid!important;
	border-bottom-color: gray;
	bottom: 0;
	cursor: nwse-resize!important;
	height: 0;
	margin: -1px 1px 1px -1px;
	opacity: var(--dsblo);
	right: 0;
	width: 0
}

#wino {
	border-top: 0;
	color: #000;
	font: bold 13px verdana;
	width: 75px;
	z-index: 3;

	div {
		border-left: var(--bd1ssr);
		float: right;
		height: 16px;
		width: 16px
	}
}

#ajaxinfo {
	color: #0000;
	font-size: 10px;
	padding: 0 2px;
	z-index: 2
}

.drophere {
	opacity: var(--dsblo);
	outline: 2px dashed red
}

[rowcol] {
	position: relative
}

[rowcol]:hover .stretch,
[rowcol]:hover [stretch],
div[hilite]:hover,
#eboxplus:hover {
	opacity: 1
}

#WNBTNS,
.maximized,
.toggle,
.bdbx,  [bdbx],
.tall,  [tall],
.wide,  [wide],
.half,  [half],
.third, [third],
.qrtr,  [qrtr],
.vh100, [vh100],
.vw100, [vw100],
[class^=rszsibling], [rsztp] {
	box-sizing: border-box
}

[id$='pgch'] {
	color: red
}

.maximized {
	z-index: 1
}

[contentEditable=true][placeholder]:empty::before {
	content: attr(placeholder);
	opacity: var(--dsblo)
}

[cpicn] .dtcicn {
	margin: -4px -5px -5px -2px;
	padding: 2px
}

[data-to-copy] {
	cursor: copy
}

#speechctrls {
	background: #fff;
	border-radius: 7px;
	right: 50%;
	top: 10px;
	transform: translateX(50%);
	z-index: 97;

	input {
		margin-bottom: 0;
		padding: 1px;
		width: 19px
	}

	span.fright {
		margin-top: 5px
	}

	.closebtn {
		margin: 2px 0 0 4px
	}

	.speechvoicess,
	.speechsettingss {
		border-top: 1px outset;
		margin: 4px 0 -2px;

		[selected] {
			font-weight: bold;
			
			&:is(.ofa *)::after {
				content: ' \1F5E3'
			}
		}
	}

	&:has(.speechvoicess:not(.hid))
	.speechvoices {
		filter: brightness(85%);
		outline-style: auto
	}

	.speechsettingss {
		padding-top: 2px;
		width: 290px;
		
		:not([selected]) {
			opacity: 50%
		}
	}

	&:has(.speechsettingss:not(.hid))
	.speechsettings {
		filter: brightness(85%);
		outline-style: auto
	}

	.speechmarquee {
		border-top: 1px outset;
		margin: 4px -5px 0;
		width: 300px;

		mark {
			font-weight: bold;
			padding: 0 2px
		}

		&::before {
			content: '';
			background-color: red;
			display: block;
			height: 1px;
			margin-top: -3px;
			max-width: 300px;
			position: absolute;
			width: var(--progress)
		}
	}

	&:has(.speechelapsedtime:not(.hid))
	.speechduration::before {
		content: '/'
	}
}

/* MIMES */
.extimg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0;
	height: 16px;
	width: 16px;

/* 	&[alt][url] { background-image:'url(' attr(url) ')' }  specified 'url' */
	&[alt=i32]  { background-image: url(../admin/images/filena32.gif) }  /* ??? */
	&[alt=i31]  { background-image: url(../admin/images/filena31.gif) }  /* iso */
	&[alt=i300] { background-image: url(../admin/images/filena300.gif) } /* cst */
	&[alt=i30]  { background-image: url(../admin/images/filena30.gif) }  /* cst */
	&[alt=i291] { background-image: url(../admin/images/filena291.gif) } /* fon */
	&[alt=i290] { background-image: url(../admin/images/filena290.gif) } /* fon */
	&[alt=i29]  { background-image: url(../admin/images/filena29.gif) }  /* fon */
	&[alt=i28]  { background-image: url(../admin/images/filena28.gif) }  /* xps */
	&[alt=i27]  { background-image: url(../admin/images/filena27.gif) }  /* dll */
	&[alt=i26]  { background-image: url(../admin/images/filena26.gif) }  /* mht */
	&[alt=i25]  { background-image: url(../admin/images/filena25.gif) }  /* eml */
	&[alt=i24]  { background-image: url(../admin/images/filena24.gif) }  /* dap */
	&[alt=i23]  { background-image: url(../admin/images/filena23.gif) }  /* vsd */
	&[alt=i220] { background-image: url(../admin/images/filena220.gif) } /* pub */
	&[alt=i22]  { background-image: url(../admin/images/filena22.gif) }  /* pub */
	&[alt=i21]  { background-image: url(../admin/images/filena21.gif) }  /* ini */
	&[alt=i20]  { background-image: url(../admin/images/filena20.gif) }  /* xml */
	&[alt=i19]  { background-image: url(../admin/images/filena19.gif) }  /* swf */
	&[alt=i182] { background-image: url(../admin/images/filena182.gif) } /* xls csv */
	&[alt=i181] { background-image: url(../admin/images/filena181.gif) } /* xls csv */
	&[alt=i180] { background-image: url(../admin/images/filena180.gif) } /* xls csv */
	&[alt=i18]  { background-image: url(../admin/images/filena18.gif) }  /* xls csv */
	&[alt=i17]  { background-image: url(../admin/images/filena17.gif) }  /* chm */
	&[alt=i164] { background-image: url(../admin/images/filena164.gif) } /* ppt */
	&[alt=i163] { background-image: url(../admin/images/filena163.gif) } /* ppt */
	&[alt=i162] { background-image: url(../admin/images/filena162.gif) } /* ppt */
	&[alt=i161] { background-image: url(../admin/images/filena161.gif) } /* ppt */
	&[alt=i160] { background-image: url(../admin/images/filena160.gif) } /* ppt */
	&[alt=i16]  { background-image: url(../admin/images/filena16.gif) }  /* ppt */
	&[alt=i15]  { background-image: url(../admin/images/filena15.gif) }  /* pdb */
	&[alt=i14]  { background-image: url(../admin/images/filena14.gif) }  /* java class */
	&[alt=i13]  { background-image: url(../admin/images/filena13.gif) }  /* mdb */
	&[alt=i12]  { background-image: url(../admin/images/filena12.gif) }  /* htaccess */
	&[alt=i111] { background-image: url(../admin/images/filena111.gif) } /* zip */
	&[alt=i110] { background-image: url(../admin/images/filena110.gif) } /* zip */
	&[alt=i11]  { background-image: url(../admin/images/filena11.gif) }  /* zip */
	&[alt=i10]  { background-image: url(../admin/images/filena10.gif) }  /* error */
	&[alt=i091] { background-image: url(../admin/images/filena091.gif) } /* png gif bmp */
	&[alt=i090] { background-image: url(../admin/images/filena090.gif) } /* png gif bmp */
	&[alt=i09]  { background-image: url(../admin/images/filena09.gif) }  /* png gif bmp */
	&[alt=i082] { background-image: url(../admin/images/filena082.gif) } /* php */
	&[alt=i081] { background-image: url(../admin/images/filena081.gif) } /* php */
	&[alt=i080] { background-image: url(../admin/images/filena080.gif) } /* php */
	&[alt=i08]  { background-image: url(../admin/images/filena08.gif) }  /* php */
	&[alt=i070] { background-image: url(../admin/images/filena070.gif) } /* js */
	&[alt=i07]  { background-image: url(../admin/images/filena07.gif) }  /* js */
	&[alt=i062] { background-image: url(../admin/images/filena062.gif) } /* doc rtx */
	&[alt=i061] { background-image: url(../admin/images/filena061.gif) } /* doc rtx */
	&[alt=i060] { background-image: url(../admin/images/filena060.gif) } /* doc rtx */
	&[alt=i06]  { background-image: url(../admin/images/filena06.gif) }  /* doc rtx */
	&[alt=i052] { background-image: url(../admin/images/filena052.gif) } /* m3u */
	&[alt=i051] { background-image: url(../admin/images/filena051.gif) } /* mov mkv m4v */
	&[alt=i050] { background-image: url(../admin/images/filena050.gif) } /* wav avi wmv */
	&[alt=i05]  { background-image: url(../admin/images/filena05.gif) }  /* aac */
	&[alt=i040] { background-image: url(../admin/images/filena040.gif) } /* exe */
	&[alt=i04]  { background-image: url(../admin/images/filena04.gif) }  /* exe */
	&[alt=i031] { background-image: url(../admin/images/filena031.gif) } /* pdf */
	&[alt=i030] { background-image: url(../admin/images/filena030.gif) } /* pdf */
	&[alt=i03]  { background-image: url(../admin/images/filena03.gif) }  /* pdf */
	&[alt=i021] { background-image: url(../admin/images/filena021.gif) } /* txt */
	&[alt=i020] { background-image: url(../admin/images/filena020.gif) } /* txt */
	&[alt=i02]  { background-image: url(../admin/images/filena02.gif) }  /* txt */
	&[alt=i011] { background-image: url(../admin/images/filena011.gif) } /* other */
	&[alt=i010] { background-image: url(../admin/images/filena010.gif) } /* other */
	&[alt=i01]  { background-image: url(../admin/images/filena01.gif) }  /* other */
	&[alt=i000] { background-image: url(../admin/images/filena000.gif) } /* directory */
	&[alt=i00]  { background-image: url(../admin/images/filena00.gif) }  /* directory */
}

/* print settings */

@media print {
	[scrollable] {
		overflow: auto!important
	}

	.noprint,
	div[scrollbar] {
		display: none!important
	}
}

/* For mobile phones */

@media only screen and (max-width: 650px) {
	#vj_logo_tb #vj_logo {
		height: 30px!important
	}

	.vjdesktop,
	.vjbanner {
		display: none!important
	}

	.vjhelp {
		color: #000!important
	}

	.vjmain {
		padding-bottom: 0;
		padding-left: 0
	}

	#sname,
	.vjbuttons,
	.vjintro,
	.vjmusicim,
	.vjlibrary,
	.vjphotonavenl,
	.vjphotoentrycom,
	.vjphotonam,
	.vjphotocomnav,
	.vjphotonamcom,
	.vjhomesleeve,
	.vjhomear {
		box-sizing: border-box;
		width: 100%
	}

	.vjbuttons {
		text-align: center
	}

	.vjsets {
		margin: -200px 0 0 -16px
	}

	.vjintro > div,
	.vjintro iframe {
		padding-left: 18px!important
	}

	.vjmusic {
		max-width: 100%
	}

	#wpctrls {
		width: unset!important
	}

	.vjlibrary {
		float: left;
		margin: 4px 0 0
	}

	.vjphotoentry {
		border-bottom: var(--bd1sgy)
	}

	.vjphotoentryinfo {
		width: calc(100% - 101px);
		margin-right: 0
	}

	.vjphotonamcom {
		height: 84px
	}

	.vjphotoentrycom div:last-child{
		height: auto 
	}

	.vjhomesleeve.fans {
		margin-bottom: 5px
	}

	.vjhomemnbtn,
	.vjsitemaphdr {
		display: block
	}

	.vjhomemn {
		position: absolute;
		right: 0
	}
}

.open {
	display: revert
}