
.black-button {
	margin: 4px;
	border: none;
	cursor: pointer;
	border-radius: 15px; 
	padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px;
	background: black;
	font-weight: bold; 
	color: white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.black-button:hover {
	background: white;
	color: black;
}
.black-button:focus {
	border: none;
	outline: none;
}

.white-button {
	margin: 4px;
	border: none;
	cursor: pointer;
	border-radius: 15px; 
	padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px;
	background: white;
	font-weight: bold; 
	color: black; 
}
.white-button:hover {
	background: black;
	color: white;
}
.white-button:focus {
	border: none;
	outline: none;
}

.grey-button {
	margin: 4px;
	border: none;
	cursor: pointer;
	border-radius: 15px; 
	padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px;
	background: grey;
	font-weight: bold; 
	color: white; 
}
.grey-button:hover {
	background: white;
	color: grey;
}

.pane-button {
	color: white; background: black;
	width: 40px; height: 100%;
	border: none;
}

.props_props {
	-webkit-transition: all linear 0.25s;
	transition: all linear 0.25s;
}
.props_props.ng-hide {
	opacity: 0;
}

.ui-resizable {position: relative;}
.ui-resizable-handle {position: absolute;font-size: 0.1px; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none; z-index: 9000000 !important;}
.ui-resizable-n {cursor: n-resize; height: 12%; width: 100%; top: -4%; left: 0; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-s {cursor: s-resize; height: 12%; width: 100%; bottom: -4%; left: 0; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-e {cursor: e-resize; width: 12%; right: -4%; top: 0; height: 100%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-w {cursor: w-resize; width: 12%; left: -4%; top: 0; height: 100%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-se {cursor: se-resize; width: 12%; height: 12%; right: -4%; bottom: -4%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-sw {cursor: sw-resize; width: 12%; height: 12%; left: -4%; bottom: -4%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-nw {cursor: nw-resize; width: 12%; height: 12%; left: -4%; top: -4%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}
.ui-resizable-ne {cursor: ne-resize; width: 12%; height: 12%; right: -4%; top: -4%; background: rgba(255,0,0,0.0); z-index: 9000000 !important;}

.ace_autocomplete {
	z-index: 90000000001 !important;
	min-width: 350px !important;
}
.ace_tooltip {
	z-index: 90000000001 !important;
}

.numpad1 {
	cursor: pointer;
	color: white !important;
	background: #565656; /* Old browsers */
	background: -moz-linear-gradient(top,  #565656 0%, #636363 50%, #565656 51%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(50%,#636363), color-stop(51%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #565656 0%,#636363 50%,#565656 51%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #565656 0%,#636363 50%,#565656 51%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #565656 0%,#636363 50%,#565656 51%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #565656 0%,#636363 50%,#565656 51%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

.numpad2 {
	cursor: pointer;
	color: black !important;
	background: #e2e2e2 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ) !important; /* IE6-9 */
}

input[type='file'] {
  width: 88px;
  border-radius: 0px !important;
  font-size: 13px !important;
}

html, body {
	height: 100%;
}

body {
	background-color: #ffffff;
	background-image: url('../images/ui/furley_bg3.png');
	background-repeat:repeat;
	margin: 0;
	font-family: Arial;
	overflow: hidden;
}

a {
	color: #ffffff;
}

table {
	border-spacing: 0px !important;
}

td {
	border-spacing: 0px !important;
	padding: 0px !important;
}

#info {
	position: absolute;
	width: 100%;
	color: #ffffff;
	padding: 5px;
	font-family: Monospace;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	z-index: 1;
}

#draggable {
	width: 150px; 
	height: 150px; 
	padding: 0.5em;
}

#toolbar-wrapper {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fliph {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}

.flipv {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	-ms-filter: flipv; /*IE*/
	filter: flipv; /*IE*/
}

.rotate90cw {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate90ccw {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.color {
	text-align: center;
	width: 80px;
}

.encoder-selected {
	background-color: white;
	color: black;
}

.element {
	width: 120px;
	height: 160px;
	box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
	border: 1px solid rgba(127,255,255,0.25);
	text-align: center;
	cursor: default;
}

.element:hover {
	box-shadow: 0px 0px 12px rgba(0,255,255,0.75);
	border: 1px solid rgba(127,255,255,0.75);
}

.element .number {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 12px;
	color: rgba(127,255,255,0.75);
}

.element .symbol {
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	font-size: 60px;
	font-weight: bold;
	color: rgba(255,255,255,0.75);
	-webkit-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
	-moz-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
	-o-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
	-ms-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
	filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
}

.element .details {
	position: absolute;
	bottom: 15px;
	left: 0px;
	right: 0px;
	font-size: 12px;
	color: rgba(127,255,255,0.75);
}

.ui-menu { 
	width: 150px;
}
	
.scroll-content {
	position: absolute;
	top: 0;
	left: 0
}
.slider-wrap {
	position: absolute;
	right: 0;
	top: 0;
	background-color: lightgrey;
	width:20px;
	border-left:1px solid gray;
	border-radius: 5px;
}
.slider-vertical {
	position:relative;
	height:100%
}
.ui-slider-handle {
	width:20px;
	height:10px;
	margin:0 auto;
	background-color:darkgray;
	display:block;
	position:absolute
}
.ui-slider-handle img {
	border:none
}
.scrollbar-top {
	position: absolute;
	top: 0;
}
.scrollbar-bottom {
	position: absolute;
	bottom: 0;
}
.scrollbar-grip {
	position:absolute;
	top:50%;
	margin-top:-6px;
}
.ui-slider-range {
	position:absolute;
	width:100%;
	background-color:lightgrey
}

#scroll-pane,.scroll-pane {
	background-color: white;
	float: left;
	overflow: auto; 
	width: 420px; 
	height: 100%;
	position: relative;
	/*border: 1px solid gray;*/
	margin-left: 0px;
	margin-bottom: 0px;
	display: inline;
	border-radius:5px;
}

.scroll-content-item {
	cursor: pointer;
	background-color:#fcfcfc;
	color:#003366;
	width:60px;
	height:60px;
	float: left;
	margin: 10px;
	font-size: 1em;
	line-height: 96px;
	text-align: center;
	/*border: 1px solid gray;*/
	display: inline;
	padding: 10px;
	z-index: 9150;
}
.scroll-content-item p {
	margin-top: 0
}

.ui-autocomplete{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	border: 1px solid gray; 
	background-color: #EEEEEE; 
	width: 300px; 
	font-size: 0.9em;
}

.ui-menu-item a{
	display:block;
	cursor:pointer
}

.ui-menu-item a.ui-state-hover{
	background-color: #666666; 
	color: white;
}

.panel-button {
	z-index: 2500;
}
	
.droppable {
	border: 1px solid gray; 
	margin-left: 0px; 
	display: inline; 
	float: left; 
	padding: 0px; 
	z-index: 20;
}
	
#msg_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 200;
}

.main_bg_color {
	background-color: #000000;
}

.second_bg_color {
	background-color: #caccca;
}

.main_border_color {
	border-color: #ffffff;
}

.second_border_color {
	border-color: lightgrey;
}

.main_font_color {
	border-color: #eeeeee;
}

.second_font_color {
	border-color: lightgrey;
}


.title_bar {
	height: 15px;
	background: #0a0e0a;
	border-top-left-radius: 4px;
	border-bottom: 1px solid #464745;
	border-top-right-radius: 4px;
	text-align: center;
	font-family: Lucida Grande;
	font-size: 14px;
	color: #eeeeee;
	font-weight: bold;
	text-shadow: 0 1px 1px #466278;
	padding: 5px;
}

#labels-bar {
	height: 29px;
	width: 100%;
	background: black;
	border-bottom: 1px solid #464745;
}

#left-arrow {
	position: absolute; 
	right: 680px; 
	top: 39px; 
	cursor: pointer;
}

#right-arrow {
	position: absolute; 
	right: 40px; 
	top: 39px; 
	cursor: pointer;
}

.input {
	margin-left: 25px;
}

input {
	border: 1px solid darkgrey;
	border-radius: 4px;
	transition:.2s linear;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
}

input:focus {
	outline: none;
	box-shadow: 0px 0px 7px #49C8E8; /*#61C5FA;*/
	border-color: #49C8E8;
}

input[type="radio"]:focus {
	outline: none;
	box-shadow: none; /*#61C5FA;*/
	border-color: none;
}

.selected {
	/*-webkit-box-shadow: inset 0px 0px 0px 4px #00d;
	-moz-box-shadow: inset 0px 0px 0px 4px #00d;
	box-shadow: inset 0px 0px 0px 4px #00d;*/
}

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

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selectable {
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

div {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu-button {
	-moz-box-shadow: 1px 2px 6px -3px #000000;
	-webkit-box-shadow: 1px 2px 6px -3px #000000;
	box-shadow: 1px 2px 6px -3px #000000;
	background: #0a0e0a;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0px;
	border:1px solid #737373;
	display:inline-block;
	color:#c2c2c2;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:64px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
}

.menu-button:hover {
	background: #333; 
	color: white;
}

.menu-button:active {
	position:relative;
	margin-top:1px;
}

.menu {
	float:left;
}

.menu ul {
	margin:0;
	list-style:none;
	padding:2px 0 5px 0;
}

.menu li {
	float:left;
	position:relative;
	display:block;
	padding:0;
	margin:0 0 0 0px;
	font-size:12px;
	font-family:Arial;
}

.menu-menu  {
	display:none;
	position:absolute;
	padding:5px 0 0px 0;
	list-style-type: none;
	text-decoration: none;
	margin:0;
	margin-top: 0px;
}

.menu-menu a {
	text-decoration: none;
}

.menu-menu li {
	clear:both;
	border-top:1px solid #333;
	width:12em;
	height: 1em;
	margin:1px 0px -1px 0px;
	padding:5px 7px;
	background: rgb(0,0,0);
	box-shadow: 0 7px 7px #000;
}

#helpmenu-menu{
	position: absolute;
	left: 210px;
	top: 27px;
}

#windowmenu-menu{
	position: absolute;
	display: none;
	left: 140px;
	top: 27px;
}

#unitmenu-menu{
	position: absolute;
	display: none;
	left: 140px;
	top: 27px;
}

#viewmenu-menu{
	position: absolute;
	display: none;
	left: 70px;
	top: 27px;
}

#addmenu-menu{
	position: absolute;
	display: none;
	left: 140px;
	top: 27px;
}

#editmenu-menu{
	position: absolute;
	display: none;
	left: 70px;
	top: 27px;
}

#filemenu-menu{
	position: absolute;
	display: none;
	left: 0px;
	top: 27px;
}

#recentmenu-menu{
	position: absolute;
	display: none;
	left: 206px;
	top: 135px;
}

.menuitemhover{
	background: #eeeeee !important;
	color: black;
}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: #969696;
}

::-webkit-scrollbar-thumb {
  background: #2B2B2B;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
  background: #1A1A1A;
}

#editthing p{
	display: inline;
}

#selectorbox {
	position: absolute;
	border: 2px solid #83d5ff;
	background: #36a7e1;
	background-color: #36a7e1;
	border-color: #83d5ff;
	z-index: 200000000;
}
.size2 {
	height: 118px;
	line-height: 118px;
}
.size3 {
	height: 178px;
	line-height: 178px;
}
.drop {
	float: left;
	border: 1px dashed #888;
	background: #EEE;
	text-align: center;
	padding: 20px;
	margin: 0 10px 10px 0;
}
.dropped {
	background-color: #EBC;
	border-color: #B89;
}	
.active {  
	background-color: #CEB;
	border-color: #9B8;
}
.mouseselected {
	opacity: 0.5;
}
.icon:hover{
	opacity: 1.0;
}
.icon {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkerboard{
	background-image:
	  -moz-linear-gradient(45deg, #fff 25%, transparent 25%), 
	  -moz-linear-gradient(-45deg, #fff 25%, transparent 25%),
	  -moz-linear-gradient(45deg, transparent 75%, #fff 75%),
	  -moz-linear-gradient(-45deg, transparent 75%, #fff 75%);
	background-image:
	  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #fff), color-stop(.25, transparent)), 
	  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff), color-stop(.25, transparent)),
	  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #fff)),
	  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #fff));

	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-background-size: 50px 51px; /* override value for shitty webkit */
	
	background-position: 0 0, 25px 0, 25px -25px, 0px 25px;
}

.backgroundgradient{
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

.outlined{
	outline: 3px solid #00FFFF !important;
	outline-offset: 0px !important;
}


.outlinedjson{
	outline: 3px solid #00FFFF !important;
	outline-offset: 0px !important;
	background: rgba(0, 170, 170, 0.3);
	border-radius: 4px;
	width: 60%;
}

.first{
	-moz-box-sizing: border-box !important;
	outline: 3px solid #00FF00 !important;
	outline-offset: 0px !important;
}

.templatelibraryselected{
	outline: 3px solid #EE0000 !important;
	outline-offset: 0px !important;
}

.imagelibraryselected{
	outline: 3px solid #EE0000 !important;
	outline-offset: 0px !important;
}

.buttonlibraryselected{
	outline: 3px solid #EE0000 !important;
	outline-offset: 0px !important;
}
