<!--Copyright © 2013 - Robert L. Camp.  All Rights Reserved.-->
body {
	margin:0px;
	position:absolute; 
	display:block; 
	left:0%; 
	right:0%; 
	height:100%;
	font-family:Arial;
}

#dragAndDrop {
	font-size:30px;
	font-weight:bold;
	display:block;
	top:100px;
	left:10px;
	right:10px;
	text-align:center;
	position:absolute;
	
}

#setup {
	position:absolute;
	display:block;
	top:45px;
	left:173px;
	background-color:#EEE;
	border-style:groove;
	border-width:3px;
	border-color:#999;
	padding:10px 10px 5px 10px;
	z-index:5000;
	-webkit-user-select: all;
	user-select:all;
}

#markerVals {
	top:45px;
	left:167px;
	font-size:12px;
	position:absolute;
	display:none;
	padding:0 5px 5px 5px;
	overflow:scroll;
	max-height: calc(100% - 75px);
	background-color:#EEE;
	border-style:solid;
	border-width:10px;
	border-color:#999;
	z-index:5000;
	width:80px;
}

#topMenuBar {
	width:100%;
	background: #083564;
	background: -webkit-linear-gradient(top, #CCC, #999);
	background: -moz-linear-gradient(top, #CCC, #999);
  	background: -o-linear-gradient(top, #CCC, #999);
	border:none; 
	height:45px; 
	display:block; 
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}

#panel {
	left:173px;
	top:58px;
	right:5px;
	bottom:10px;
	border-style:ridge;
	background-color:#CCC;
	display:none;
	position:absolute;
}

#variables {
	border:none;  
	display:none; 
	position:absolute;
	background-color:#999;
	top:45px;
	left:0px;
	padding-right:5px;
	z-index:501;
}

#wait {
	z-index:1000;
	display:none;
	position:absolute;
	width:20%;
	height:100px;
	line-height:100px;
	left:40%;
	top:40%;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	background:rgba(0,0,0,0.5);
	color:yellow;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
	-o-box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
    -box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
}

.variable {
	-webkit-user-select: none;
	user-select: none;
	cursor:pointer;
	text-align:left;
	width:150px;
	display:none;
	postion:absolute;
	background-color:white;
	color:#000;
    height:15px;line-height:15px;
	border-width:2px;
	border-style:ridge;
	border-radius:4px;
	margin:0px 0px 2px 4px;
	padding:3px;
	font-size:12px;
	overflow:none;
	white-space:nowrap;
}

.variableName {
	overflow-x:scroll;
	overflow-y:none;
	white-space:nowrap;
	display:block;
	position:relative;
	height:18px;
	top:0px;
	left:0px;
	z-index:4;
	-webkit-user-select: none;
	user-select: none;
	cursor:pointer;
}

.variableType {
	top:-20px;
	left:115px;
	display:block;
	position:relative;
	border-radius:18px;
	width:36px;
	height:18px;
	border-width:1px;
	border-style:outset;
	background-color:yellow;
	color:black;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	z-index:5;
}


.variable::-webkit-scrollbar {
    display:none;
}

.variableName::-webkit-scrollbar {
    display:none;
}

.selected {color:#FFF}

#intro {
	display:none;
	position:absolute;
	left:10px;
	top:14px;
	font-size:16px;
	color:darkblue;
}

#logo {
	z-index:1000;
	width:40px;
	height:40px;
	left:3px;
	top:3px;
	position:absolute;
	display:block;
}

#title {
	font-size:42px;
	font-weight:bold;
	z-index:999;
	position:absolute;
	display:block;
	color:#D51414;
	text-align:center;
	width:100%;
	text-shadow:2px 2px #500;
}

.menuButton {
	cursor:pointer;
	text-align:center;
	display:none;
	postion:absolute;
	float:left;
	background: #083564;
    background: -webkit-linear-gradient(top, #3268A2, #083564);
	background: -moz-linear-gradient(top, #3268A2, #083564);
  	background: -o-linear-gradient(top, #3268A2, #083564);
	color:#FFF;
    padding:10px 15px 10px 15px;
    height:15px;line-height:15px;
	border-width:2px;
	border-style:ridge;
	border-radius:5px;
	margin:4px 0px 0px 4px;
	overflow:hidden;
	white-space:nowrap;
	-transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
}

.menuButtonRight {
	cursor:pointer;
	text-align:center;
	display:none;
	postion:absolute;
	float:right;
	background: #083564;
    background: -webkit-linear-gradient(top, #3268A2, #083564);
	background: -moz-linear-gradient(top, #3268A2, #083564);
  	background: -o-linear-gradient(top, #3268A2, #083564);
	color:#FFF;
    padding:10px 15px 10px 15px;
    height:15px;line-height:15px;
	border-width:2px;
	border-style:ridge;
	border-radius:5px;
	margin:4px 4px 0px 0px;
	overflow:hidden;
	white-space:nowrap;
	-transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
}

#help {
	display:none;
	postion:absolute;
	float:left;
	margin:14px;
	color:darkblue;
}

.miniButton {
	cursor:pointer;
	text-align:center;
	display:block;
	postion:absolute;
	float:left;
	background: #083564;
    background: -webkit-linear-gradient(top, #3268A2, #083564);
	background: -moz-linear-gradient(top, #3268A2, #083564);
  	background: -o-linear-gradient(top, #3268A2, #083564);
	color:#FFF;
    padding:10px;
    height:10px;line-height:10px;
	border-width:2px;
	border-style:ridge;
	border-radius:5px;
	overflow:hidden;
	white-space:nowrap;
	-transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
}

#layer1 {
	background-image:url(arrowBase.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:48px;
	height:48px;
	width:48px;
	top:0px;
	left:0px;
	display:block;
	position:absolute;
}

html {overflow-y: scroll;}

#contextMenu {
	display:none; 
	position:absolute;
	z-index:20000;
	background-color:#FFF;
	border-radius:4px;
	border-color:#666;
	border-width:1px;
	padding:3px;
	font-size:12px;
	border-style:solid;
	border-color:#999;
	border-width:1px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
	-o-box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
    -box-shadow: 10px 10px 5px rgba(0,0,0,0.8);
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
    cursor:pointer;
}

.contextSet {
	padding:5px;
}

#contextOverlay {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	position:absolute;
	opacity:0;
	z-index:19999;
}

.contextHighlight {
	background: -webkit-linear-gradient(top, #3268A2, #083564);
	background: -moz-linear-gradient(top, #3268A2, #083564);
  	background: -o-linear-gradient(top, #3268A2, #083564);
	color:#FFF;	
}