body .gainlayout		{ min-height: 1px; }	/* CSS HACK for redrawability */
body					{ font-size: 8pt; }
body, div#searchfooter	{	background-image:url(/styles/themes/images/default.theme.bg.gif); }
body, div#searchfooter	{	border-top: 0px solid silver;
							font-family:sans-serif;
							background-position:center top;}
/* body.loginpage		{ background-image:url('/images/colorfast-1920x1080-synthetic.jpg') } */
body.loginpage			{ background-image:url('/images/20230801_newbgBW_wallpaperaccess.com-full-433150.jpg.1920x1080.t.jpg') }

img						{ border: 0px; }
table.nopadnoborder, 
td.nopadnoborder		{ margin:0px; padding:0px; border:0px; }
DIV#WholeBanner			{ margin-left: auto; margin-right: auto; margin-bottom: 4px; border: 1px solid transparent; 
							width: 100%; min-height: 64px; float: left; }
DIV#LogoBanner			{ margin-left: auto; margin-right: auto; border: 1px solid transparent; }
DIV#LogoutWrapper		{ margin-left: auto; margin-right: auto; border: 1px solid transparent; 
							width: 100%; height: 100%; }

div.link_dialog, div.section_dialog				{ padding: 20px; min-width: 320px; }
div.link_dialog input, div.section_dialog input	{ float: right; margin-left: 12px; width: 250px; } 
div.deletelink_dialog div#showurl				{ word-wrap: normal; white-space: nowrap; 
													margin: 0px 10px 0px 10px; width: 340px; }

div.deletelink_dialog select, 
div.settings_dialog select		{ float: right; margin-left: 12px; width: 220px; } 
div.section_dialog input		{ max-width: 140px; }
div.section_dialog				{ min-width: 260px; } 
div.validationmsg				{ text-align:center; font-weight: 700; color: red; }
div.pbar						{border: 2px solid black; color: black; width: 300px; }

div.loadImg		{ position: absolute; 
					top: 38%; left: 50%; 
					margin-left: -25px; margin-right: -25px;
					background-color: rgba(230, 230, 230, 0.4);
					border-radius: 25px 25px 25px 25px;
					box-shadow: 0 0 38px white;}
img.loadImg		{ margin:0px; padding:0px; width: 50px; height:50px; display:none; }

img#refresh, img#trashcan, 
img#mobile-yes, img#mobile-no	{ width: 40px; height: 40px; padding-left: 4px;}
img#refresh						{ display: inline-block; }
img#refresh:hover				{ animation: permaspin 1.2s linear; 
									animation-iteration-count: infinite;  }
@keyframes permaspin			{ 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }

img#mobile-yes					{ position:absolute; left:52px; display:none; }
img#mobile-no					{ position:absolute; left:52px; display:none; }
img#mobile-yes.drop-highlight	{ background-color: green; }
img#mobile-no.drop-highlight	{ background-color: red; }

img.twisty			{ width: 10px; height: 10px; padding-right: 2px;}
/* img.addlink		{ padding-left: 2px; } */
img.addlink			{ padding: 0px; transform: scale(1.7, 1.7); position:relative; top:-1px; left: 4px;}
img.addlink:hover	{ filter: invert(70%); border-radius: 2px; }
img.googlogo		{ height: 30px; padding-right: 4px;}

/* body {	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; } */

div.linkblock		{ height:auto; clear: both; margin-left: 14px;  }
div#searchfooter	{ position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0,0,0,0.5); }

td.portalcolumn		{ padding: 0px; padding-right: 3px; }
div.sectionvessel	{ clear: both; display: inline-block; width: 100%; height: auto; margin-bottom: 6px; }
div.sectionvessel.webkit { display: inline-block; }
div.itemcontainer	{ float:left; clear: none; padding: 1px 0px 2px 0px;}
body.oneperline div.itemcontainer { clear: left; }

a.linksection { cursor: pointer; text-decoration: underline;
				font-size:9pt; font-weight: 600; color:lime; 
				white-space: nowrap;
				overflow: hidden; 
				padding: 1px;
				outline: none;  }
a.linksection.drop-highlight { background-color: green;  }
a.linksection.ui-draggable-dragging { font-style: italic; font-weight: 300; opacity: 0.5; }
a.linksection.dragging {background-color: blue; }

span.twistytext { white-space: nowrap; }

/*
@-webkit-keyframes shadow {
    0% {box-shadow: 0px 0px 5px #FFFFFF;}
	25% {box-shadow: 0px 0px 15px #FFFFFF;}
    50% {box-shadow: 0px 0px 35px #FFFFFF;}
	75% {box-shadow: 0px 0px 15px #FFFFFF;}
    100% {box-shadow: 0px 0px 35px #FFFFFF;}
}
@-moz-keyframes shadow {
    0% {box-shadow: 0px 0px 5px #FFFFFF;}
	25% {box-shadow: 0px 0px 15px #FFFFFF;}
    50% {box-shadow: 0px 0px 35px #FFFFFF;}
	75% {box-shadow: 0px 0px 15px #FFFFFF;}
    100% {box-shadow: 0px 0px 35px #FFFFFF;}
}
@keyframes shadow {
    0% {box-shadow: 0px 0px 5px #FFFFFF;}
	25% {box-shadow: 0px 0px 15px #FFFFFF;}
    50% {box-shadow: 0px 0px 35px #FFFFFF;}
	75% {box-shadow: 0px 0px 15px #FFFFFF;}
    100% {box-shadow: 0px 0px 35px #FFFFFF;}
}
*/

/* More A tag styles at bottom - look for class .fast-find-item */
a.item { font-size: 7pt; font-weight: 600; 
			text-decoration: none;
			margin-right: 2px;
			color: yellow;
			white-space: nowrap; }

a.item:hover { text-decoration: none; 
			box-shadow: 0px 0px 9px 4px #22FFBB;
			position:relative;
			z-index: 101000; 
/*			    -webkit-animation: shadow 3s ease-in-out infinite;
				-moz-animation: shadow 3s ease-in-out infinite;
				animation: shadow 3s ease-in-out infinite;
				-webkit-transform: translateZ(0);				
*/
			/* translateZ allegedly triggers 3d hardware acceleration for faster rendering, but, I'm not seein' it in FireFox (animation is still jerky for the pulsing box shadow effect. */
/*			-moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
				-o-transform: translateZ(0);
				transform: translateZ(0);
*/
	} 
a.item.ui-draggable-dragging { font-style: italic; 
						font-weight: 400; 
						opacity: 0.35; 
						box-shadow: 0px 0px 15px #FFFFFF;  
						position:relative;
						z-index: 101001;}
/* a.item.ui-state-disabled { opacity: 1.0; } */
a.item.drop-highlight { background-color: green; 
				/*	border: 5px solid green;
					 box-shadow: 0px 0px 15px #00FF00; */  }
a.item.dragging { background-color: blue;  }

div.servertroublemsg, div.mobilestatemsg {
	color: black;
	font-weight: 500; 
	text-align: center;
	background-color: #66CCFF;
	border: 3px solid blue;
	width: 350px;
	padding: 2px;
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

DIV#FastFindContainer		{ position: fixed; width: 100%; top: 77px; pointer-events: none; z-index: 200000; }
DIV#FastFind				{ padding: 20px; margin: 0 auto; width: 500px; z-index: 101001; pointer-events: auto; 
								border: 4px solid #0000A0; border-radius: 15px; 
								box-shadow: 0px 0px 20px 10px black; 
								font-size: 14pt; 
								color: white; background-color: #000020; 
								word-wrap: break-all; 
								/* background-image:url(themes/images/alienstars.theme.bg.gif); */ 			}
INPUT#FastFindQuery			{ margin: 10px auto 4px auto; border: 4px solid transparent; }
INPUT#FastFindQuery:focus	{ border: 4px outset gray; }
DIV#FastFindClose			{ font-size: 12pt; font-weight: 600; color: red; 
								border: 1px solid red; border-radius: 8px; 
								margin: 12px 12px 0px 12px; padding: 6px; cursor:pointer; 
								transition: all 0.4s; background-color: #180000; background-image: none; }
DIV#FastFindClose:hover		{ box-shadow: 0px 0px 10px 10px red; }
DIV#FastFindInfo			{ width: 500px; margin: 12px auto 0px auto; color: silver; }
DIV#FastFindLinkDetails		{ width: 500px; height: 58px; padding: 4px; font-size: 9pt; margin-top: 4px; 
								overflow: hidden; word-break: break-all; }
DIV.fast-find-link-wrapper	{ clear: none; }
IMG#FastFindIcon			{ position: absolute; top: 14px; left: 14px; width: 28px; 
								border-radius: 14px; transition: all 0.4s; padding: 10px; cursor: pointer; }
IMG#FastFindIcon:hover		{ box-shadow: 0px 0px 10px 10px #2879CD; background-color: #2879CD; }
A.fast-find-item			{ font-size: 12pt; font-weight: 600; text-decoration: none;
								border: 0px solid yellow; border-radius: 8px; padding: 1px 4px 1px 4px; 
								color: yellow; white-space: nowrap; /* background-color: #202000; */ }
A.fast-find-item:hover		{ box-shadow: 0px 0px 10px yellow; }
A.fast-find-item.matched-by-descr:after	{ content: "T"; color: orange; font-size: 7pt; font-weight: 700; vertical-align: super; }
A.fast-find-item.matched-by-url:after	{ content: "U"; color: orange; font-size: 7pt; font-weight: 700; vertical-align: super; }
/* A.fast-find-item:hover:after		{ content: attr(title); display: none; } */
SPAN#LinkInfoHoverNote				{ color: #606060; font-weight: 700; font-size: 12pt; 
										position: relative; top: 16px; padding: 6px; 
										/* border-radius: 10px; box-shadow: 0px 0px 15px 15px #303030; */ }