body {
	background-color:#636363;
	background-image:url("https://i.img-den.com/website/background.jpg");
	xx-background-repeat:repeat;
	color:white;
	font-family:Arial,sans-serif;
	margin: 0;
}

a:visited,a:link {
	color:#ffffff;
}

a:active,a:hover {
	color:#00ff00;
}

.outer {
	position:relative;
	height:100%;
	width:100%;
	padding-top:20px; /* space for filmstrip trick */
}

#main {
	margin-left:auto;
	margin-right:auto;
	xx-background-image:url(./images/inner_back.png);
	background-color: rgba(0,0,0,0.65);
	width:1000px;
	border-radius:12px;
	box-shadow: 0px 10px 15px 5px #222222;
	padding: 15px;
	position: relative;
	min-height: 400px;
}

 #main TD {
 padding:0px;
 }
 
 #delete_button {
	 min-width:100px;
 }
 
 pre {
	background: rgba(0,0,0,0.8);
	font-family: monospace;
	font-size: 11px;
 }
 
#gsi_button {
	float:right;
	position:absolute;
	top:20px;
	right:20px;
	
}

#signout {
	float:right;
	width:212px;
	height:39px;
	border:1px solid #1a73e8;
	border-radius:3px;
	text-align:center;
	line-height: 37px;
	font-size: 13px;
	overflow:hidden;
}
 
 #content {
 xxcolor:#ffffff;
 xxmargin-left:50%;
 background-image:url(./images/inner_back.png);
 min-width:700px;
 xxborder:1px solid #000000;
 text-align:left;
 xxposition:absolute;
 xxtop:200px;
 xxleft:-370px;
 xxmargin-top:-43px;
 xxheight:300px;
 }
 
 #left_column {
 background-image:url(./images/left_column.jpg);
 background-repeat:repeat-y;
 }
 
 #right_column {
 background-image:url(./images/right_column.jpg);
 background-repeat:repeat-y;
 }
 
 #openiddiv {
     xx-background-color: #004000;
     xx-border: 1px solid #FF0000;
     border: none;
     xx-height: 200px;
     left: -360px;
     margin-left: 50%;
     xx-margin-top: -175px;
     xx-padding: 30px 0;
     position: absolute;
     xx-text-align: center;
     top: 100px;
     xx-width: 600px;
 }
 
 #openidform {
 display:inline;
 }
 
 .warning {
 color:red;
 font-weight:bold;
 font-size:12px;
 }
 
 #userdiv A:link, #userdiv A:visited, #userdiv A:active {
 color:#ffffff;
 }
 
 #userdiv A:hover {
 color:#aaaaaa;
 }
 
 DIV.thumb {
	border:1px #222222 solid;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	width:140px;
	height:130px;
	font-size:11px;
	font-family:Arial,sans-serif;
	text-align:center;
	margin:0px 7px 7px 7px;
	padding-top:5px;
	padding-bottom:1px;
	xxbackground-image:url(./images/inner_back.png);
	background-color: rgba(100,100,100,0.15);
	word-wrap:break-word;
	overflow:hidden;
	border-radius:6px;
 }
 
DIV.thumb:hover {
	border:1px #444444 solid;
	background-color: rgba(100,100,100,0.25);
	color:#00ff00;
	cursor:pointer;
}
 
 
 .thumb A {
 	text-decoration:none;
 }
 
 .thumb IMG {
 max-width:130px;
 max-height:115px;
 border:none;
 }
 
 .thumbstuff {
 display:inline-block;
 vertical-align:middle;
 }
 
 #firstdiv {
 text-align:center;
 padding: 50px 0px 60px 0px;
 }
 
 #upload {
 padding:32px 0px 10px 40px;
 text-align:left;
 }
 
 #thumbzone {
 xx-width:810px;
 padding-left:17px;
 }
 
#details_overlay {
	display:none; /*display: flex;*/
	position: fixed;
	z-index: 9999;
	inset: 0;
	background-color: rgba(20, 21, 23, 0.5);
	backdrop-filter: blur(3px);
	justify-content: center;
	align-items: center;
	overflow: hidden;
	overflow-y: hidden;
	overflow-y: auto;
}

#details_popup {
	width:900px;
	min-height:400px;
	background-color: rgba(0, 0, 0, 0.9);
	border: 1px solid black;
	border-radius: 10px;
	box-shadow:3px 4px 7px #080808;
	padding:10px;
	position:relative;
}

#details_popup_close {
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
	border:1px solid #444444;
	border-radius:13px;
	height:30px;
	width:30px;
	line-height:30px;
	background-color: rgba(20, 21, 23, 0.5);
}

#details_popup_close:hover {
	cursor:pointer;
	background-color: rgba(128,128,128,0.6);
}


#details_popup_image {
	xx-border: 1px solid yellow;
	width:400px;
	height:300px;
}

#details_popup_image IMG {
	xx-display: block;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

#details_popup_loading {
	position:absolute;
	top:160px;
	left:180px;
}

#details_popup_infos {
	float:right;
	xx-border: 1px solid yellow;
	width:475px;
}

#details_popup_infos SPAN I {
	color:#CCCCCC;
	font-size:14px;
}

.copy_button {
	cursor:pointer;
	vertical-align: middle;
	margin-left:5px;
	opacity:0.7;
}

.copy_button:hover {
	opacity:1.0;
}

#copypaste_urlonly_input, #copypaste_cssstyle_input, #copypaste_imagehtml_input {
	width:350px;
}

#copypaste_imagelink_input, #copypaste_imagehtmllion_input {
	width:238px;
}

#copypaste_imagelinktext_input, #copypaste_imagehtmllion_id_input {
	width:100px;
}


 
 #zoominfo {
 	color:#8F8F8F;
 	cursor:pointer;
 	width:400px;
 	display:none;
 	border:1px solid black;
 	background-color:#FFFFB7;
 	border-radius:15px 15px 0 0;
 }
 
 #zoominfo:hover {
 	color:#000000;
 	background-color:#FFFF91;
 }
 
 #zoominfo2 {
 	color:#6F6F6F;
 	cursor:pointer;
 	width:330px;
 	display:none;
 	border:1px solid black;
 	background-color:#CBB7FF;
 	border-radius:15px 15px 0 0;
 }
 
 #zoominfo2:hover {
 	color:#000000;
 	background-color:#C1AAFF;
 }
 
 .scaledimage {
 	transition: 0.5s;
 	max-height:768px;
 	max-width:990px;
 }
 
 .fullsizeimage {
 	transition: 0.5s;
 	max-height:7000px;
 	max-width:5000px;
 }
 
 
 #slogan {
 	font-size:32pt;
 	font-style:italic;
 }
 
 #styledinputbox {
 	background-image: url('http://static.evil-images.com/images/corners_full_with_box.png');
 	background-repeat:no-repeat;
 	height: 50px;
 	width: 230px;
   xx-position: absolute;
   xx-left: 184px;
   xx-top: 15px;
   margin: auto;
  }
  
 #styledinputbox2 {
 	background-image: url('http://static.evil-images.com/images/corners_full_with_box.png');
 	background-repeat:no-repeat;
 	height: 50px;
 	width: 230px;
   xx-position: absolute;
   xx-left: 184px;
   xx-top: 73px;
   margin: auto;
  }
 
 #styledinputbox INPUT,#styledinputbox2 INPUT {
 	font-family: Arial, sans-serif;
 	font-size: 17px;
 	position: relative;
 	xx-test-border: 1px solid red;
 	border: none;
 	background: transparent;
 	top: 9px;
 	left: 0px;
 	width: 209px;
 	text-align: center;
 }
 
 .styledinputboxsignup {
 	background-image: url('http://static.evil-images.com/images/corners_full_with_box.png');
 	background-repeat:no-repeat;
 	height: 50px;
 	width: 230px;
 	display: inline-block;
   xx-position: absolute;
   xx-left: 184px;
   xx-top: 15px;
   xx-margin: auto;
  }
  
 .styledinputboxsignup INPUT {
 	font-family: Arial, sans-serif;
 	font-size: 17px;
 	position: relative;
 	xx-test-border: 1px solid red;
 	border: none;
 	background: transparent;
 	top: 9px;
 	left: 10px;
 	width: 209px;
 	text-align: center;
 }
 
 #loginbuttonoremail {
     xx-position: absolute;
     xx-top: 90px;	
     xx-left: 163px;
     font-size: 12px;
     xx-font-style: italic;
     xx-font-weight: bold;
 }
 
 #loginbuttonoremail2 {
     xx-position: absolute;
     xx-top: 141px;	
     xx-left: 177px;
     font-size: 12px;
     xx-font-style: italic;
     xx-font-weight: bold;
 }
 
 
 #loginbuttonoremail a:visited, #loginbuttonoremail a:link, #loginbuttonoremail2 a:visited, #loginbuttonoremail2 a:link, {
 color:#000000;
 }
 
 a:active,a:hover {
 color:#00ff00;
 }
 
 #signup {
 	position:relative;
 	left:-150px;
 	top:0px;
 }
 
 #logintable {
 	min-width: 700px;
 	text-align:center;
 	padding-top:100px;
 }
 
 #logintable TD {
 	padding: 3px 0px 3px 0px;
 }
 
 #signuptable {
 	width: 1000px;
 	xx-text-align:center;
 	margin-top:75px;
 }
 
 #signuptable TD {
 	padding: 3px 0px 10px 0px;
 }
 
 #signuptable h1 {
     overflow: hidden;
     text-align: center;
 }
 #signuptable h1:before,
 #signuptable h1:after {
     background-color: #BBB;
     content: "";
     display: inline-block;
     height: 1px;
     position: relative;
     vertical-align: middle;
     width: 50%;
 }
 #signuptable h1:before {
     right: 0.5em;
     margin-left: -50%;
 }
 #signuptable h1:after {
     left: 0.5em;
     margin-right: -50%;
 }
 
 
 
 #signuptable TR TD:first-child {
 	xx-text-align:right;
 }
 
 #signupdiv {
     border: none;
     left: -500px;
     margin-left: 50%;
     position: absolute;
     top: 100px;
 }
 
 #header_film_L {
 	background-image:url('http://static.evil-images.com/images/strip.jpg');
 	background-repeat:repeat-x;
 	height:80px;
 	width:40%;
 	background-position:right;
 	display: inline-block;
 }
 
 #header_film_R {
 	background-image:url('http://static.evil-images.com/images/strip.jpg');
 	background-repeat:repeat-x;
 	height:80px;
 	width:40%;
 	background-position:left; 
 	display: inline-block;
 }
 
 #header_film_C {
 	background-image:url('http://static.evil-images.com/images/strip.jpg');
 	background-repeat:no-repeat;
 	height:80px;
 	width:160px;
 	background-position:center; 
 	display: inline-block;
 }
 
 
 
 #filmstrip {
 	height:80px;
 	box-shadow: 0px 5px 20px 0px #000000; /* X Y blur spread color  */
 }
 
 .image-placeholder{
     background-image: url('http://static.evil-images.com/images/strip.jpg');
     width: 160px;
     height : 80px;
     clear:none;
     float: left;
 }
 .fill-remaining {
     height:80px;
     width:50%;
     clear:none;
 }
 .fill-remaining.left {
     xx-background-image: url('http://static.evil-images.com/images/strip.jpg');
     float: left;
     margin-right:-80px;
 }
 #leftleft {
 	   background-image: url('http://static.evil-images.com/images/strip.jpg');
 	   background-position: right top;
 	   width: auto;
 	   height:80px;
 }
 .fill-remaining.left>div {
     padding-right: 80px;
 }
 .fill-remaining.right {
     xx-background-image: url('http://static.evil-images.com/images/strip.jpg');
     float: right;
     margin-left:-80px;
 }
 #rightright {
 	   background-image: url('http://static.evil-images.com/images/strip.jpg');
 	   background-position: left top;
 	   width: auto;
 	   height:80px;
 }
 .fill-remaining.right>div {
     padding-left: 80px;
 }
 
 
 
 /*span.dropt {border-bottom: thin dotted; background: #ffeedd;}*/
 span.dropt:hover {text-decoration: none; z-index: 6; }
 span.dropt span {position: absolute; left: -9999px;
   margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
   border-style:solid; border-color:black; border-width:1px; z-index: 6;}
 span.dropt:hover span {left: 2%; background: #ffffff;} 
 span.dropt span {position: absolute; left: -9999px;
   margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
   border-style:solid; border-color:black; border-width:1px;}
 span.dropt:hover span {margin: 20px 0 0 170px; background: #000000; opacity:0.8; text-align:left; z-index:6;} 
 
 .code {
 	background-color: #f0f0f0;
 	padding-left: 1px;
 	border-style: solid;
 	border-color: #999999;
 	border-width: 1px;
 	font-family: helvetica, arial, sans serif;
 	padding-left: 1px;
 	border-top-left-radius:7px;
 	border-bottom-left-radius:7px;
 	margin-left:10px;
 	width:450px;
 	height:22px;
 }
 
 .code_copy {
 	background-color: #f0f0f0;
 	border-style: solid;
 	border-color:  #999999 #999999 #999999 #f0f0f0;
 	border-width: 1px;
 	font-family: helvetica, arial, sans serif;
 	border-top-right-radius:7px;
 	border-bottom-right-radius:7px;
 	width:50px;
 	height:22px;
 	cursor: pointer;
 	text-align:center;
 }
 
 .btn {
     -moz-user-select: none;
     background-image: none;
     border: 1px solid rgba(0, 0, 0, 0);
     border-radius: 4px;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857;
     margin-bottom: 0;
     padding: 6px 12px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
 }
 
 
 .btn-success {
     background-color: #5CB85C;
     border-color: #4CAE4C;
     color: #FFFFFF;
 }	
 
 
 
 .btn-warning {
     background-color: #F0AD4E;
     border-color: #EEA236;
     color: #FFFFFF;
 }
 
 
 .progress {
     background-color: #757575;
     border-radius: 4px;
     box-shadow: 0px 0px 10px 0px #303030 inset;
     height: 20px;
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 .progress-bar {
   float: left;
   width: 0%;
   height: 100%;
   font-size: 12px;
   line-height: 20px;
   color: #ffffff;
   text-align: center;
   background-color: #428bca;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-transition: width 0.6s ease;
   transition: width 0.6s ease;
 }
 
 .progress-bar-success {
   background-color: #5cb85c;
 }