body {border: 0px solid green; padding: 10px; margin: 0px; font: 10pt/12pt verdana, arial, sans-serif; background-color: #000; color: white;}
div { border: 0px solid yellow;}
h1	{font-size: 18pt;}
.tn:hover {left: 0px; z-index: 1000; opacity:1.0; filter:alpha(opacity=100); border-left: 0px solid lightblue; width: 250px;}
.tn {position: relative; width: 250px; opacity:1.0; filter:alpha(opacity=100); border: 0px;}
.topspot        {z-index: 100; position: absolute; border: 0px solid black;}
.frontandcenter {position: relative; margin-right: auto; margin-left: auto; z-index: 100;  display: block; width: 500px; max-width: 50%; border: 16px lightgreen ridge;}
.link {position: absolute; z-index: 1; background-color: white; color: black; border: 1px solid #bbb; text-align: center; padding: 3px;opacity:0.4;filter:alpha(opacity=40);}
.previouslink	{width: 100px; top: 80px; left: 5px;}
.nextlink	{width: 100px; top: 80px; right: 5px;}
.firstlink	{width: 100px; top: 50px; left: 5px;}
.lastlink	{width: 100px; top: 50px; right: 5px;}
.lobbylink {width: 100px; top: 10px; right: 5px;}
.parentlink	{min-width: 100px; top: 10px; left: 5px; max-width: 50%;}
.maincontentcontainer {display: none; padding-top: 20px;}
.frame {width: 100%; border: 10px #ccc ridge; text-align: center; background-color: black; min-height: 175px; *width:95%;}
.openingmessage	{position: absolute; left: 300px; top: 60px; width: 200px; border: 5px yellow ridge; text-align: center; background-color: black; padding: 20px; margin-left: auto; margin-right: auto; color: white;}
a:link {color: white;}
a:visited {color: #bbb;}
div.link a:link {color: green;}
div.link a:visited {color: #888;}
.linkList {position: relative; top: 100px;}
.grid {position: relative; top: 100px; max-width: 96%; border: 10px #ccc ridge; text-align: center; background-color: black; margin-left: auto; margin-right: auto; z-index: 2;}
.grid2 {position: absolute; bottom: -171px; right: -10px; border: 10px #888 ridge; text-align: center; background-color: black; width: 100%; height: 120px;}
.grid2:before {content: "Holding Area (these items will not be displayed)"; position: absolute; top: -30px; text-align: center; font-weight: bold; display: block; width: 100%; border: 0px solid blue;}
#trashCounter {position: absolute; top: 0; right: 0; text-align: right; width: 2em; padding-right: 5px;}
.gridElement {width: 110px; height: 110px; border: 0px solid blue; vertical-align: top; display: inline-block; text-align: center; z-index: 1; zoom:1; *display:inline;}
.gridImage {max-width: 100px; max-height: 100px; margin: 2px; border: 0px solid blue;}
.linkImage {border: 2px solid yellow;}
.item {position: absolute; top: 10px; left: 200px; right: 200px; text-align: center;}
.itemImageWrapper {margin: auto; border: 0px solid blue; text-align: center; position: absolute; top: 30px; bottom: 1.5em; left: 50px; right: 50px;}
.itemImage {max-width: 100%;  border: 0px solid red; max-height: 100%;}
.itemlist {border: 1px solid white; text-align: left; width: 500px; float: left;}
.header {position: relative; top: 40px; border: 0px solid blue;}
.textover {opacity:0.85;filter:alpha(opacity=85); z-index: 1000; position: relative; top: 50px; margin-left: auto; margin-right: auto;
 background-color: white; color: black; width: 80%; min-height: 400px; max-height: 50%; min-width: 300px; max-width: 500px; overflow: auto;}
.textoverlink {display: block; background-color: black; margin: 5px; width: 10em; text-decoration: none; padding: 3px; margin-left: auto; margin-right: auto; text-align: center;}
#topelements {height: 0px;}
#bodycontent {height: 0px; position: relative; top: 10px;}
#admin	{height: auto; position: relative; top: 40px; border: 1px solid yellow;}
#env	{z-index: 10000; position: absolute; background-color: white;  color: black; top: 40px; right: 10px; padding: 5px;}
#param	{z-index: 20000; position: absolute; background-color: yellow; color: black; top: 50px; right: 15px; width: 400px;}
#cascadeAdvisory {position: relative; top: 100px; font: italic 15pt/17pt Verdana, sans-serif; border: 1px solid green;}
#cascade {}
.cascadedTitle {position: absolute; background-color: white; color: black; border: 1px solid blue; padding: 2px; margin: 2px;}
div.shadowed	{box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; -moz-box-shadow: 10px 10px 10px #888;
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#888888'),alpha(opacity=85);
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#888888'),alpha(opacity=85)";
 padding: 5px 5px 5px 15px; margin-bottom: 20px;}
.imageinfo {color: #bbb; padding: 0px; position: absolute; bottom: 0px; border: 0px solid blue; width: 100%; left: 0px;}
.rightinfo {max-width: 50%; float: right; text-align: right;}
.leftinfo {max-width: 50%; float: left;}
[draggable=true] {/* opacity: 0.7; filter:alpha(opacity=70); */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/* [draggable=true]:hover {opacity: 1.0; filter:alpha(opacity=100); cursor: move;} */
.gridElement.over {border: 1px dashed #fff; margin: -1px;}
#Moved {text-align: left; color: black; position: relative; top: 0px; border: 1px solid blue; width: 60em; height: 20em; display: none;}
.thumb {max-width: 100px; max-height: 100px; border: 0px solid #000; margin: 2px;}
#progress_bar {margin: 10px 0; width: 80%; margin-left: auto; margin-right: auto; padding: 3px; border: 1px solid #fff; font-size: 14px; clear: both; opacity: 0;}
#hold	{ 	-moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear;}
#progress_bar.loading {opacity: 1.0;}
#progress_bar .percent {background-color: #99ccff; height: auto; width: 0;}
#UploadFiles {display: none;}
/* #browsefiles {color: black; background-color: white;} */
#version {position: absolute; bottom: 5px; left: 5px; z-index: 100; font-size: 75%; width: 225px; padding: 10px; text-align: center;}
#mastermode {position: absolute; bottom: 5px; right: 5px; z-index: 100; width: 200px;}
#editormode {position: absolute; bottom: 5px; left: 200px; z-index: 100; width: 200px;}
