/* COMMON */
.#{$prefix}bindinspector-container .#{$prefix}toolbar-default {
	border-color: #CACACA;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NENEQzI0Mjg1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NENEQzI0Mjk1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0RDMjQyNjVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0RDMjQyNzVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjU1iboAAAAfSURBVHjaYvj//z8DDN+8eROVA6JROGABZA4IAwQYALYwMgX3eE7SAAAAAElFTkSuQmCC);
	color: #555;
	background-color: #F7F7F7;
	font-weight: bold;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.#{$prefix}bindinspector-container .#{$prefix}docked-top {
	border-bottom-width: 1px !important;
}

.#{$prefix}bindinspector-container .#{$prefix}docked-bottom {
	border-top-width: 1px !important;
}

.#{$prefix}bindinspector-container .#{$prefix}tree-view,
.#{$prefix}bindinspector-container .#{$prefix}grid-view {
	background-color: #F3F3F3;
	box-shadow: inset 8px 0 8px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 8px 0 8px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 8px 0 8px 0 rgba(0, 0, 0, 0.1);
}

.#{$prefix}bindinspector-last-item td {
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}

.#{$prefix}bindinspector-unhighlighted.#{$prefix}bindinspector-last-item td {
	box-shadow: 0 8px 8px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,1);
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 1);
}

/* COMPONENT LIST */
.#{$prefix}vm-results-tb.#{$prefix}toolbar-default{
	background-color: #FFE8BE;
}

.#{$prefix}bindinspector-target-menu {
	padding: 10px;
	height: 0px;
	overflow: hidden;
	background: #3C3C3C;
	color: #FFFFFF;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.#{$prefix}bindinspector-target-menu hr {
	border-color: #5A5A5A;
}

.#{$prefix}bindinspector-picker-lbl {
	width: 76px;
	display: inline-block;
	text-align: right;
	padding-right: 19px;
}

.#{$prefix}bindinspector-preview-bind,
.#{$prefix}bindinspector-open-bind {
	padding: 4px;
	background: #4D4D4D;
	display: inline-block;
	margin: 2px 12px 2px 4px;
	color: #FFC154;
	font-weight: bold;
	border: 1px solid #695633;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.#{$prefix}bindinspector-preview-bind:hover,
.#{$prefix}bindinspector-open-bind:hover {
	background-color: #646464;
	color: white;
	border-color: #A2A2A2;
}

.#{$prefix}bindinspector-preview-vm,
.#{$prefix}bindinspector-open-vm {
	padding: 4px;
	background: #4D4D4D;
	display: inline-block;
	margin: 2px;
	color: #54CFFF;
	font-weight: bold;
	border: 1px solid #4F5E64;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.#{$prefix}bindinspector-preview-vm:hover,
.#{$prefix}bindinspector-open-vm:hover {
	background-color: #646464;
	color: white;
	border-color: #A2A2A2;
}

.#{$prefix}bindinspector-filter-visible .#{$prefix}tree-node-text {
	font-weight: bold;
	background: #666666;
	padding: 2px 12px 3px 12px;
	margin-left: 5px;
	color: #FFFFFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #444444;
}

.#{$prefix}bindings-icon,
.#{$prefix}vm-icon {
	padding-left: 7px;
	vertical-align: bottom;
	font-size: 18px;
}

.#{$prefix}bindings-icon {
	color: #F39061;
}

.#{$prefix}vm-icon {
	color: #67AAE9;
}

.#{$prefix}bindinspector-filter-visible .#{$prefix}bindings-icon {
	color: #F8A67F;
}

.#{$prefix}bindinspector-filter-visible .#{$prefix}vm-icon {
	color: #7BC8F3;
}

/* data missing from binding */
.#{$prefix}bindinspector-missing-data .#{$prefix}tree-icon {
	/*red*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABgUlEQVR42mNgwAGueUd43w6IunsrIOrBdd+wYAZSwBnPAGWgxm93A2P+g/At/6gfl70DNYk24LZ/5BKQRhB9wy9yFoh90zdyNVGar3iGat0OiP4LsvWMS6jcOVc/KZBr7vhH/bvsE6hPhO1Rq8C2+0VNgYnd8o/ohXplA17NIBtANoFsBNnMy8v7H4RPOPuJ3/KL+gqSu+YTboTTgJt+kRshNkX0gvgwA8Cu8IvsBMv5RW7B7nffcFOw7f7RXy66uYmhG3DO01P0VkDkZ5AhV7xDzTAMAJq8HRza/pHtMDFkA0Dghl9EK0RNxA5Uv3tHWIEl/KI+HrN0F8JlAEgOpAakFqQH4Xf/qH1Q2xsJxdItv4gmaFjsBQtc94lwgEbRuzMuLvzIitFdAALnHQIEbvtHv4cYEmYHtD1yE8T28Gp027AZAHZFQFQtxMuRG4GJJOophp8IAFiYAdPGM5ABGyCZJppEDA6zTQxnHHxEgAGzHJiE3xJnECiTRb0F6QGlDQCUUiJb7CpB8QAAAABJRU5ErkJggg==);
}

/* rowbody */
.#{$prefix}cmp-list-row-body {
	display: none;
	background: #4E4E4E;
	padding: 7px 12px;
	color: #FFC256;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	line-height: 21px;
	border: 1px solid #222222;
}

.#{$prefix}grid-item-selected .#{$prefix}cmp-list-row-body {
	display: block;
}

/* tips */
.#{$prefix}componentlist-tip {
	background: #3C3C3C;
	color: #C92424;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.#{$prefix}componentlist-tip hr {
	border-color: #5A5A5A;
}

.#{$prefix}componentlist-tip .#{$prefix}binding-tip-descriptor {
	color: white;
	font-weight: bold;
	margin-left: 8px;
}

.#{$prefix}componentlist-tip .#{$prefix}tip-body-default {
	color: #FFFFFF;
	font-size: 14px;
}

.#{$prefix}binding-tip-value {
	color: #FFC154;
	font-size: 15px;
	line-height: 28px;
}

.#{$prefix}binding-missing-data {
	color: #FF5E5E;
	font-weight: bold;
}

.#{$prefix}componentlist-tip .#{$prefix}tip-anchor {
	position: absolute;
	overflow: hidden;
	border-style: solid;
	border-width: 16px 16px 16px 0;
	left: -15px !important;
	top: 50% !important;
	margin-top: -16px;
	border-color: transparent #3C3C3C;
}



/* BINDINGS PREVIEW */
.#{$prefix}bindinspector-prev-default {
	background: white;
	color: #6A8297;
	font-size: 22px;
	line-height: 31px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}



/*  VIEW MODEL DETAIL  */
.#{$prefix}bindindicator-vm-src {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiElEQVR42mNgGAXUAf//vzL4///1ByBdgC7379+rDUDxA///P1fAY8BzB6AB/0EYqOECiI9qAETu//+XDf//3xfAYcjLAKBNDxCKX00AKYZgEBsu/gCkFqdrIC6AKz6AagFMHCyXgMUbCBdAnP5cAdMFWMIKOQwghuAKA4i3yIyFVwaj6RU7AABzWObuSkN0egAAAABJRU5ErkJggg==);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FF5200;
}

.#{$prefix}bindinspector-viewmodeldetail .#{$prefix}grid-item-over .#{$prefix}bindinspector-data-search-cell {
	visibility: visible;
}

.#{$prefix}bindinspector-viewmodeldetail .#{$prefix}grid-item-over .#{$prefix}bindinspector-data-search-cell:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42o2SLY6DUBSF2UHDBhCzDhSpI1gEO0BSgQI/G0CMqykSLGSWAggsogFFAuJOvyY0Q/kpJ3kJ4d1z7j3nPkXZga7rZ9/35Xq9ShRFEgTBr+u6qvIJp9Ppi+KmaWQcR+n7/nn4zrLsjjA1e+QXic62bcvlcpE0TQXkeS6IrApMnSFbliXv9wgCJjFNc27HcRw1juOfYRgE71sWmaBtW7ndbt+L0FBmAsMwNgUQJ48wDGUhgM9PAp7nPQXIZXaBp8kCRXsWqCGvzRCLolidgrFBkiRCZgsLj4uKgABCENgGq+RBAcRppGmauiBPDwYyp+u61zf/98h3OlNUVdVzRRwyoSue+eYpr5KnzmVZzvZLsA++Wtf1nPj/ZTHm1HnqohwFjwKB986HgQVCWd3pAfwBUhNlbKBwMSIAAAAASUVORK5CYII=);
	background-color: #FF5200;
}

.#{$prefix}bindinspector-data-search-cell {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVR42o2SoY6DUBBFESVBtUFgEdBP2WABBQ7PZ4DZiiKb7AcgsATXEL5kBQ7FL8z2NLxmaaFlkpe8vDf33rkzo2lvouu6r9PpJEmSSJqmkmXZ9XK5mNqnGIbBIdmyLNntdmIYxv1w9zxvhJicVXCe5w8QylVVyfl8liAI5JYCiUCySKCUAdd1Lc//EE4kY9M0cztlWZpRFP3oui54X7NIBYfDQeI4/n5pGsxU0LbtKgHk9ONWrbwQ4PMTQVEUdwL6MvvAk7JA0jsL5NCv1SYej8fFKqayJQxDoWdLFn5pEEkQAWAajJKF4h1yhPq+N1/AamEAc/b7/ePO+yrY9/0RZZIcx7mPiENPUMUzd1Z5EayUXdedzXdaFtO27Tnw/2ZRplJWKtrWYCkgeFbeHFigKYsz3RB/jMnzbI73hMsAAAAASUVORK5CYII=);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}

.#{$prefix}bindinspector-isloading .#{$prefix}tree-icon {
	background-image: theme-background-image('grid/loading', 'gif') !important;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

.#{$prefix}bindinspector-highlighted {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.#{$prefix}bindinspector-unhighlighted {
    @include opacity(0.2);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.#{$prefix}bi-zero-bind-count {
	color: #CACACA;
}

.#{$prefix}bindinspector-not-inherited .#{$prefix}bindinspector-indicator-col {
	/*gray diag lines*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NENEQzI0Mjg1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NENEQzI0Mjk1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0RDMjQyNjVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0RDMjQyNzVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjU1iboAAAAfSURBVHjaYvj//z8DDN+8eROVA6JROGABZA4IAwQYALYwMgX3eE7SAAAAAElFTkSuQmCC);
	border-right: 2px solid #CFCDCD;
	font-size: 13px;
	color: #8B8B8B;
	background-color: #F7F7F7;
}

.#{$prefix}bindinspector-indicator-col {
	border-right: 2px solid #F3F3F3;
	color: #414141;
}

.#{$prefix}bindinspector-missing-data .#{$prefix}tree-node-text {
	position: relative;
}

.#{$prefix}bindinspector-data-only .#{$prefix}tree-icon {
    @include opacity(0.7);

	/*blue*/
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42mNgQANt8/ZodSw91Ne59PB1IP4Bwh3LD18DiYHkGHCB0PpVbB1LD0/pXHrkb9fyo/+xYZBcx5JDMwr7VnFiaO5aeng3TCHQoJntiw+Y1s/fzwHCIDZIDC6/7PBekB64AZ1LDk+F2HD4VtPcffowcZgGGL9pwT5toCtuQC2ZghBcdvgPSLB14R49ZJehGwBWD7QAbBlQD0gvQ/uyQ/0wZzMQCWDeAellAIU22MRFR0zQFWJzAdjLQLVQL19nAEbRTxAnN3cSO7EGgNSCXQ3US5YBZXM38kJd8JksLwADzxgSboeu4A1EXAbAAhFIT2BoXbRfh5RoBKmBRSNIL96EhMXp8IQE0oM7KQPTO8ifIPH6qft5QGyQGM6kTHFmQncmKHDATl165BfQW19AoQ0Sg/sZCQAAbAWIYstl68AAAAAASUVORK5CYII=);*/

	/*gray info*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGElEQVR42qVTSwrCMBDNyg/oRVR0oZ6vN1ApCrrqvruurW2hvwuIFa+hCxVF34Ok1NIWrQNDkpf3pjOTqRA5s2275/v+LAiCBH6lR1F0IMY7UWaapjVAXoL8jOP4hfXDJfYEZ22aZrtIvCWJjv3G87ypYRgtOvfE1H0Yhjtq0gAAVlJ4chxnpHAlUGfc9cE5Su4yBRHgQRA1DrOZ5QNI/khm8aBWINJcpS2+NFUOtTwkPLiuO8kTizKgkSsDJAKdvfGg63rz2wDkyle51QpgWVZX9uFcqwQ0b0wcw7WvbGJZgEwTF2zI4JdnJEc9I7WVg1SQejpI1FSN8pp1Esfcd7gnVjrKf/9MBWkumCq+dMd6YbeJpTVn7A1h4Ltw2AUeVgAAAABJRU5ErkJggg==);
}

.#{$prefix}bindinspector-data-only .#{$prefix}tree-node-text,
.#{$prefix}bindinspector-data-only .#{$prefix}grid-cell-inner {
	color: #CACACA;
}

.#{$prefix}bindinspector-stub-only .#{$prefix}tree-icon {
	/*blue*/
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42mNgQANt8/ZodSw91Ne59PB1IP4Bwh3LD18DiYHkGHCB0PpVbB1LD0/pXHrkb9fyo/+xYZBcx5JDMwr7VnFiaO5aeng3TCHQoJntiw+Y1s/fzwHCIDZIDC6/7PBekB64AZ1LDk+F2HD4VtPcffowcZgGGL9pwT5toCtuQC2ZghBcdvgPSLB14R49ZJehGwBWD7QAbBlQD0gvQ/uyQ/0wZzMQCWDeAellAIU22MRFR0zQFWJzAdjLQLVQL19nAEbRTxAnN3cSO7EGgNSCXQ3US5YBZXM38kJd8JksLwADzxgSboeu4A1EXAbAAhFIT2BoXbRfh5RoBKmBRSNIL96EhMXp8IQE0oM7KQPTO8ifIPH6qft5QGyQGM6kTHFmQncmKHDATl165BfQW19AoQ0Sg/sZCQAAbAWIYstl68AAAAAASUVORK5CYII=);*/

	/*yellow alert*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABA0lEQVR42p2QP0tCURiH7zdQRA3u4OJUiyDY4CDtTuEXuXs0JEQ4uDk5C0EuKoEu+SWcg5baLCS7tNTx98IzyMWjXoeHe95/z3vODdzi2kdTvIo30fL1+YbLIhYOfsV5GsFAOL59zsNjBRfij60lEXKbf1E5RvDExl4URYGwXJfc6JCgwqZYhBp2hs5n4odadZ9gzKYu2x1YrUPt2SeosWEtijsEBfGN5HKXYErxweKkAMk9PbOkoE5hJXI+AbUVvfVtwZzkHTECAGptel8cgisSnyJDk+8GRlZ8MdOwxITghoa9ArhlZmzB+/abDjwh+c8+LBgRnMLEBHnxKJYpBpfMFDbGjWcGPFD11gAAAABJRU5ErkJggg==);
}


/* COMPONENT DETAIL */
.#{$prefix}bindinspector-stub-active {
	border-bottom: 1px solid #DFDFDF;
}

.#{$prefix}bindinspector-stub-active:hover {
	color: #3DB5CC;
	border-color: #3DB5CC;
}

.#{$prefix}bindinspector-cmp-datasrc {
	color: #2E2E2E;
	background-color: #FAFAFA;
	padding: 0px 10px;

	/*gray diag lines*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NENEQzI0Mjg1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NENEQzI0Mjk1REM1MTFFMjk2NDlGODJCMDlGMjg2NTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0RDMjQyNjVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0RDMjQyNzVEQzUxMUUyOTY0OUY4MkIwOUYyODY1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjU1iboAAAAfSURBVHjaYvj//z8DDN+8eROVA6JROGABZA4IAwQYALYwMgX3eE7SAAAAAElFTkSuQmCC);
	border-top: 1px solid #E0E0E0;
}

.#{$prefix}bindinspector-compdetail-grid .#{$prefix}grid-cell-inner {
	line-height: 31px;
	font-size: 14px;
	padding: 10px 16px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.#{$prefix}bindinspector-compdetail-grid .#{$prefix}grid-item-selected,
.#{$prefix}bindinspector-compdetail-grid .#{$prefix}grid-item-focused {
	background-color: white;
}

.#{$prefix}bindinspector-compdetail-grid .#{$prefix}grid-item-selected .#{$prefix}grid-cell,
.#{$prefix}bindinspector-compdetail-grid .#{$prefix}grid-item-focused .#{$prefix}grid-cell {
	border-left: 20px solid #FFC154;
}

.#{$prefix}bindinspector-comp-key {
	font-weight: bold;
	color: #575656;

}

.#{$prefix}bindinspector-comp-desc {
	margin-left: 12px;
	color: #919191;
}

.#{$prefix}bindinspector-comp-val {
	color: #318094;
	font-weight: bold;
}

.#{$prefix}bindinspector-bind-type {
	color: #C4935F;
	font-size: 12px;
	line-height: 10px;
	font-style: italic;
	text-align: right;
}

.#{$prefix}bindinspector-direct-val,
.#{$prefix}bindinspector-inherited-val,
.#{$prefix}bindinspector-mult-val {
	position: relative;
}

.#{$prefix}bindinspector-direct-val:after,
.#{$prefix}bindinspector-inherited-val:after,
.#{$prefix}bindinspector-mult-val-val:after {
	position: absolute;
	bottom: -13px;
	width: 16px;
	left: 50%;
	margin-left: -8px;
	text-align: center;
	color: gray;
	line-height: 14px;
}

.#{$prefix}bindinspector-direct-val:after {
	content: '\25CF';
}

.#{$prefix}bindinspector-inherited-val {
	content: '\25CB';
}

.#{$prefix}bindinspector-mult-val {
	content: '\25D3';
}
