#inspector {
	background: rgba(40, 40, 40, 0.85);
	color: #aaa;
    cursor: move;
    /* display: none; */
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 11px;
    height: 400px;
    position: fixed;
    top: 100px; left: 100px;
    width: 342px;
    z-index: 9999999;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#html_inspector {
	display: none;
}

.upgrade_wrapper {
	margin: 15px 0 0 15px;
}
	
a.upgrade_label {
	color: #999;
}

a.upgrade_label:hover {
	color: #000;
}

a.upgrade_label:active {
	background: #666;
}

#inspector.css_inspector_micro {
	height: 26px !important;
	width: 140px !important;
	-webkit-animation: colorPulse 1s infinite alternate;
}

@-webkit-keyframes colorPulse {
	  0% { background: rgba(40, 40, 40, 0.85); }
	100% { background: rgba(40, 40, 40, 1); }
}

/*
      0% {box-shadow: 0 0 5px rgba(51, 204, 102, 0); }
     50% {box-shadow: 0 0 5px rgba(51, 204, 102, 1);}
    100% {box-shadow: 0 0 5px rgba(51, 204, 102, 0);}
*/

    #inspector form {
    	margin: 0;
    	padding: 0;
    	z-index: 9999;
    }
    
    /* Hover state */
    .inspecting {
    	outline: 1px solid rgba(255, 0, 0, 0.5) !important;
    	outline-offset: 5px;
    }
    
    #inspector_title {
    	color: #959595;
    	height: 24px;
    	line-height: 26px;
    	padding: 0 10px 0 0;
    	text-align: center;
    }
    
    #inspector.css_inspector_micro #inspector_title {
    	text-align: left;
    }
    
    	#inspector_micro_title {
    		display: none;
    		line-height: 24px;
    		padding: 0 10px;
    		text-align: left;
    	}
    	
    	#inspector_title a {
    		display: block;
    		float: left;
    		height: 23px;
    		line-height: 24px;
    		margin: 2px 0 0 2px;
    		position: relative;
    		text-align: center;
    		text-decoration: none;
    		width: 69px;
    	}
    	
    	#inspector_title a.css_tab {
    		background-color: #dbdbdb;
    		border-bottom: 1px solid #ccc;
    		color: #888;
    	}
    	
    	#inspector_title a.html_tab {
    		background-color: #8c8c8c;
    		border-bottom: 1px solid #6a6a6a;
    		color: #212121;
    	}
    	
    	#inspector_title a.css_tab:hover {
    		background: #e5e5e5;
    		border-bottom: 1px solid #ccc;
    	}
    	
    	#inspector_title a.html_tab:hover {
    		background: #9c9c9c;
    	}
    	
    	#inspector_title a.active_tab {
    		color: #888;
    	}
    	
    	#inspector_title a.active_tab.css_tab {
    		background-color: #ededed;
    		border-bottom: 1px solid #ededed;
    	}
    	
    	#inspector_title a.active_tab.html_tab {
    		background-color: #fff;
    		border-bottom: 1px solid #fff;
    	}
    	
    	#inspector_title a.css_tab {
    		-webkit-border-top-left-radius: 2px;
			-moz-border-radius-topleft: 2px;
			border-top-left-radius: 2px;
    	}
    	
    	#inspector_title a.html_tab {
    		-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topright: 2px;
			border-top-right-radius: 2px;
    	}
    	
    	#inspector_title a .change_made {
    		background: #333;
    		display: none;
    		position: absolute;
    		top: 10px;
    		width: 4px; height: 4px;
    		
    		-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
    	}
    	
    	#inspector_title a.active_tab .change_made {
    		background: #888;
    	}
    	
    	#inspector_title a.css_tab .change_made {
    		left: 16px;
    	}
    	
    	#inspector_title a.html_tab .change_made {
    		left: 10px;
    	}
    	
    	#inspector_title a#css_inspector_close {
	    	border-bottom: 0;
	    	color: #a4a4a4;
	    	height: 26px;
	    	margin: 0;
	    	position: absolute;
	    	top: 0; right: 0px;
	    	/*text-indent: -9999px;*/
	    	width: 30px;
            font-size: 17px;
	    	
	    	border-top-right-radius: 2px;
	    	-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topright: 2px;
	    }
	    
   		#inspector_title a#css_inspector_close:hover {
    		color: #fff;
    	}
    
    	#inspector_title a#css_inspector_close:active {
    		color: #d4d4d4;
    	}
    
    #css_inspector_toolbar {
    	background: #ededed;
    	border-top-left-radius: 0;
		border-top-right-radius: 4px;
    	color: #999999;
    	cursor: move;
    	height: 30px;
    	line-height: 30px;
    	padding: 0 0 0 15px;
    	position: absolute;
    	top: 26px; left: 2px; right: 2px;
    	
    	-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 4px;
    }
    
    	#css_inspector_toolbar a {
    		color: #666666;
    	}
    	
    	#css_inspector_toolbar a:hover {
    		color: #000000;
    	}
    	
    	#css_inspector_toolbar a:active {
    		color: #999999;
    	}
    
    	#css_inspector_toolbar #index_title {
    		color: #000;
    		float: left;
    		font-weight: bold;
    	}
    	    	
    	#css_inspector_toolbar a.tab {
    		color: #999999;
    		display: block;
    		float: left;
    		margin-right: 10px;
    		text-decoration: none;
    	}
    	
    	#css_inspector_toolbar a.tab:hover {
    		color: #000000;
    	}
    	
    	#css_inspector_toolbar a.tab.active {
    		color: #000000;
    		font-weight: bold;
    		text-decoration: none;
    	}
    	
    	#show_related, #show_drilled {
    		float: left;
    	}
    	
    	#css_inspector_toolbar a.state_toggle {
    		color: #999;
    		float: right;
    		padding-right: 15px;
    	}
    	
    	#css_inspector_toolbar a.state_toggle:hover {
    		color: #333;
    	}
    	
    	#css_inspector_toolbar a.state_toggle:active {
    		color: #666;
    	}
    	
    	#css_inspector_toolbar a#show_index {
    		background: #ededed;
    		display: none;
    		
    		border-top-right-radius: 2px;
	    	-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topright: 2px;
    	}
    	
    	#css_inspector_toolbar .inspector_title_slash {
    		display: none;
    	}
    	
    	#css_inspector_toolbar a#full_css {
    		display: none;
    	}
    	
    	#css_inspector_toolbar_seperator {
    		background: #ccc;
    		display: none;
    		float: left;
    		height: 12px;
    		margin: 9px 7px;
    		width: 1px;
    	}
    
    #html_inspector_toolbar {
    	background: #fff;
    	border-top-left-radius: 0;
		border-top-right-radius: 4px;
		border-bottom: 1px dotted #ccc;
    	color: #999;
    	cursor: move;
    	height: 29px;
    	line-height: 30px;
    	padding: 0 0 0 15px;
    	position: absolute;
    	top: 26px; left: 2px; right: 2px;
    	z-index: 9;
    	
    	-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 2px;
    }
    
    #inspector.dark #html_inspector_toolbar {
    	border-bottom: none;
    	height: 30px;
    }
    
    #html_inspector_toolbar a.html_inspector_note_link {
    	color: #06f;
    	margin-left: 6px;
    	text-decoration: none;
    }
    
    #html_inspector_toolbar a.html_inspector_note_link:hover {
    	color: #000;
    	text-decoration: none;
    }
    
    #html_inspector_toolbar a.html_inspector_note_link:active {
    	color: #999;
    	text-decoration: none;
    }
    
/*

	Old close button
	
    a#css_inspector_close {
    	background-color: #dedede;
    	background-image: url(/_gfx/css-inspector-close.gif);
    	background-repeat: no-repeat;
    	background-position: 12px 12px;
    	border-top-right-radius: 2px;
    	color: #000000;
    	height: 30px;
    	float: right;
    	text-indent: -9999px;
    	width: 30px;
    	
    	-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
    }
    
    a#css_inspector_close:hover {
    	background-color: #aaaaaa;
    	background-position: 12px -28px;
    }
    
    a#css_inspector_close:active {
    	background-color: #cccccc;
    	background-position: 12px -27px;
    }
*/
    
    a#css_inspector_color {
    	background: #ededed;
    	border-left: 1px solid #dedede;
    	display: block;
    	float: right;
    	height: 30px;
    	overflow: hidden;
    	text-indent: -9999px;
		width: 30px;
		z-index: 99;
		
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
    }
    	
    	#inspector.light a#css_inspector_color {
    		background: #ededed url(/_gfx/svg/css-inspector-colors.svg) 6px -20px no-repeat;
    	}
    	
    	#inspector.light a#css_inspector_color:hover {
    		background-color: #f3f3f3;
    	}
    	
    	#inspector.light a#css_inspector_color:active {
    		background: #f3f3f3 url(/_gfx/svg/css-inspector-colors.svg) 6px -19px no-repeat;
    	}
    	
    	#inspector.dark a#css_inspector_color {
    		background: #ededed url(/_gfx/svg/css-inspector-colors.svg) 6px -47px no-repeat;
    	}
    	
    	#inspector.dark a#css_inspector_color:hover {
    		background-color: #f3f3f3;
    	}
    	
    	#inspector.dark a#css_inspector_color:active {
    		background: #f3f3f3 url(/_gfx/svg/css-inspector-colors.svg) 6px -46px no-repeat;
    	}

/*
    #css_inspector_code {
    	background: #fff;
    	border: 0;
    	color: #000;
    	font-family: Menlo, monospace;
    	font-size: 11px;
    	height: 300px;
    	line-height: 15px;
    	margin: 0 0 10px 0;
    	outline: none;
    	margin: 10px 10px 38px 10px;
    	padding: 10px 0px 10px 10px;
    	resize: none;
    	width: 230px;
    }
    
*/

	.css_inspector_index {
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		cursor: auto;
		font-family: Lucida Grande;
		font-size: 11px;
		line-height: 1.6;
		overflow:auto;
		padding: 13px 30px 15px 15px;
		position: absolute;
		top: 56px; left: 2px; bottom: 38px; right: 2px;
		z-index: 999;
		
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
	}
	
	#inspector.light .css_inspector_index {
		background: #fff;
		color: #333;
	}
	
	#inspector.dark .css_inspector_index {
		background: #232323;
		color: #999;
	}
	
		a.quick_link {
			color: #06f;
		}
		
		#inspector.light a.quick_link:hover {
			color: #333;
		}
		
		#inspector.light a.quick_link:active {
			color: #999;
		}
		
		#inspector.dark a.quick_link:hover {
			color: #ccc;
		}
		
		#inspector.dark a.quick_link:active {
			color: #666;
		}
		
		#quick_select_container {
			border-right: 1px solid #dedede;
			position: absolute;
			top: 0px; left: 0px;
		}
		
		#quick_select_container.index_search {
			right: 95px;
		}
		
		#quick_select_container.all_search {
			right: 60px;
		}
		
			input#quick_select {
				background: none;
				border: 0;
				color: #aaa;
				height: 12px;
				line-height: 12px;
				margin: 0;
				padding: 9px 15px;
				position: absolute;
				top: 0; left: 0; right: 0;
				text-decoration: underline;
			}
			
			#inspector input#quick_select.focus {
				color: #333;
				border-right: 1px solid #dedede;
				text-decoration: none;
			}
			
			#quick_select_clear {
				background: url(/_gfx/clear_input.png) 0 0 no-repeat;
				display: none;
				height: 11px;
				position: absolute;
				top: 10px; right: 10px;
				width: 11px;
			}
				
		#all_css_quick_select_container {
			
		}
		
		#primary_elements {
		
		}
		
			.index_title {
				display: block;
	    		margin-top: 5px;
				font-size: 14px;
				font-weight: normal;
			}
						
			.elements_title {
				font-weight: bold;
			}
			
			ul#primary_elements_list {
				margin: 0;
				padding: 0;
			}
				
				ul#primary_elements_list li {
					clear: both;
					list-style: none;
				}
				
					ul#primary_elements_list li span {
						display: block;
						float: left;
						width: 130px;
					}
		
		#all_elements {
			display: none;
		}
		
		#all_elements a.quick_link {
			clear: both;
			display: table;
		}
	
    #css_inspector .syntax_container {
    	background: #fff;
    	border: 0;
    	border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
    	color: #000;
    	cursor: text;
    	margin: 56px 2px 38px 2px;
    	position: absolute;
    	top: 0; left: 0; right: 0; bottom: 0;
    	
    	-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
    }
    
    #html_inspector .syntax_container {
    	background: #fff;
    	border: 0;
    	border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
    	color: #000;
    	cursor: text;
    	margin: 56px 2px 38px 2px;
    	position: absolute;
    	top: 0; left: 0; right: 0; bottom: 0;
    	
    	-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
    }
    
    #inspector.light .syntax_container {
    	background: #fff;
    }
    
    #inspector.dark .syntax_container {
    	background: #232323;
    }
    
    .ui-resizable-se {
    	background: url(/_gfx/css.inspector.resize_arrow.gif) no-repeat 13px 13px;
    	cursor: se-resize;
    	height: 25px;
    	position: absolute;
    	bottom: 0px; right: 0px;
    	width: 25px;
    	z-index: 9;
    }
    
    #css_inspector_loadspin {
    	background: #ededed url(/_gfx/loadingAnim.gif) no-repeat center;
    	display: none;
    	height: 30px;
    	position: absolute;
    	top: 0; right: 30px;
    	width: 30px;
    	z-index: 99;
    }
    
    #css_inspector_buttons, #html_inspector_buttons {
    	height: 18px;
    	line-height: 18px;
    	position: absolute;
    	bottom: 10px; left: 12px; right: 12px;
    }
    	
    	#css_confirm_win_saved, #html_confirm_win_saved {
    		background: #33cc66;
			color: #fff;
			display: none;
			font-size: 11px;
			font-weight: normal;
			line-height: 16px;
			padding: 0px;
			text-align: center;
			height: 16px;
			position: absolute;
			top: 1px; left: 1px;
			width: 78px;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			z-index: 1000;
		}
		
		
		.save_spinner {
			position: absolute;
			z-index: 10;
			left: 0px;
			display: none;
		}

    	#css_inspector_buttons .class_name, #html_inspector_buttons .class_name {
    		height: 18px;
    		position: absolute;
    		bottom: -2px; left: 138px;
    		font-size: 11px;
    		color: #000;
    	}
    
    	#css_inspector_buttons input, #html_inspector_buttons input {
    		margin: 0 0 0 0;
    		padding: 0;
    		width: 80px;
    	}
    	
    	input#no_link {
    		width: auto;
    		margin: 0 3px 0 10px;
    	}
    
    	a#cancel_css {
       		color: #aaa;
    		font-size: 10px;
    		margin-left: 5px;
    	}
    	
     		a#cancel_css:hover {
    			color: #fff;
    		}
    		
    		a#cancel_css:active {
    			color: #999;
    		}
    		
    	label#disable_links {
    		color: #afafaf;
    		cursor: pointer;
    		position: absolute;
    		bottom: 0; left: 85px;
    	}
    	
    	label#disable_links:hover {
    		color: #cccccc;
    	}
    	
    	label#disable_links:active {
    		color: #afafaf;
    	}
    	
    		#disable_links input {
    			vertical-align: middle;
    			position: relative;
    			top: -1px;
    			overflow: hidden;
    		}
    		
    	#click_note {
    		color: #777;
    		font-size: 9px;
    		position: absolute;
    		right: 15px; bottom: 0; 
    	}
    	
    	a#css_inspector_full_css {
    		color: #cccccc;
    		position: absolute;
    		right: 15px; bottom: 0;
    		text-decoration: underline;
    	}
    	
    	a#css_inspector_full_css:hover {
    		color: #ffffff;
    	}
    	
    	a#css_inspector_full_css {
    		color: #afafaf;
    	}
    			
    	#css_inspector_hex {
    		color: #ccc;
    		cursor: text;
    		font-family: Menlo, monospace;
    		font-size: 10px;
    		position: absolute;
    		bottom: 11px; right: 30px;
    	}
				
			#has_id {
				font-family: Georgia;
			}

	
	iframe#customhtml {
		position: fixed;
		top: 0; bottom: 0;
		right: 0; left: 0;
		z-index: 9999998; /* inspector 9999999 */
		height: 100%;
		width: 100%;
	}
	
	
/*
 * Code Mirror
 ***********************************************************************/
			
.CodeMirror {
	font-family: Menlo, monospace;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
	outline: none;
}

.CodeMirror-scroll {
  overflow: auto;
  padding: 10px;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  /* This is needed to prevent an IE[67] bug where the scrolled content
     is visible outside of the scrolling box. */
}

.CodeMirror-lines {
  padding: .4em;
}

.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 0; margin: 0; padding: 0; background: transparent;
  font-family: inherit;
  font-size: inherit;
  padding: 0; margin: 0;
  white-space: pre;
  word-wrap: normal;
}

#inspector.light .CodeMirror pre {
	color: #000;
}

#inspector.dark .CodeMirror pre {
	color: #666;
}

.CodeMirror textarea {
  font-family: inherit !important;
  font-size: inherit !important;
}

.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
}

#inspector.light .CodeMirror-cursor {
	border-left: 1px solid black !important;
}

#inspector.dark .CodeMirror-cursor {
	border-left: 1px solid #666 !important;
}

.CodeMirror-focused .CodeMirror-cursor {
  visibility: visible;
}

span.CodeMirror-selected {
  color: HighlightText !important;
}

#inspector.light span.CodeMirror-selected {
	background: #ccc !important;
}

#inspector.dark span.CodeMirror-selected {
	background: #09f !important;
}

.CodeMirror-focused span.CodeMirror-selected {
  background: Highlight !important;
}

#inspector.light .CodeMirror-matchingbracket {
	color: #0f0 !important;
}

#inspector.light .CodeMirror-nonmatchingbracket {
	color: #f22 !important;
}

#inspector.dark .CodeMirror-matchingbracket {
	color: #0f0 !important;
}

#inspector.dark .CodeMirror-nonmatchingbracket {
	color: #f22 !important;
}

.CodeMirror-gutter {
	position: absolute; left: 0; top: 0;
	width: 30px;
	text-align: right;
	padding-right: 8px;
	font-size: 9px;
	font-family: monospace;
	padding-top: 5px;
	line-height:16px;
	z-index: 10;
}

#inspector.light .CodeMirror-gutter {
	background-color: #f5f5f5;
}

#inspector.dark .CodeMirror-gutter {
	background-color: #000;
}

	.CodeMirror-gutter-text {
		color: #999;
		
	}

/* Syntax highlight - CSS */
#inspector.light .cm-s-light span.cm-cargo-key { display: none; }	/* Cargo key */
#inspector.light .cm-s-light span.cm-tag { color: #333; }			/* .class-name */
#inspector.light .cm-s-light span.cm-variable { color: #333; }	    /* height: */
#inspector.light .cm-s-light span.cm-number { color: #008DEB; }		/* 100px; */
#inspector.light .cm-s-light span.cm-keyword { color: red; }	    /* !important */
#inspector.light .cm-s-light span.cm-atom { color: #666; }		    /* #FFFFFF */
#inspector.light .cm-s-light span.cm-comment { color: #CCCCCC; }	/* comment */

#inspector.dark .cm-s-light span.cm-cargo-key { display: none; }	/* Cargo key */
#inspector.dark .cm-s-light span.cm-tag { color: #ccc; }			/* .class-name */
#inspector.dark .cm-s-light span.cm-variable { color: #797979; }	/* height: */
#inspector.dark .cm-s-light span.cm-number { color: #01ACF8; }		/* 100px; */
#inspector.dark .cm-s-light span.cm-keyword { color: #EA2656; }		/* !important */
#inspector.dark .cm-s-light span.cm-atom { color: #ccc; }		    /* #FFFFFF */
#inspector.dark .cm-s-light span.cm-comment { color: #444444; }		/* comment */


/* Syntax highlight - HTML */
#inspector.light #html_inspector span.cm-keyword {color: #008deb;}		/* function, if, else */
#inspector.light #html_inspector span.cm-atom {color: #77A202;}
#inspector.light #html_inspector span.cm-number {color: #008deb;}
#inspector.light #html_inspector span.cm-def {color: #000000;}			/* function incoming vars: foo(one, two) */
#inspector.light #html_inspector span.cm-variable {color: #000;}		/* function name: foo() */
#inspector.light #html_inspector span.cm-variable-2 {color: #004499;}	/* inner vars: if(var1 == var2) */
#inspector.light #html_inspector span.cm-variable-3 {color: #004499;}
#inspector.light #html_inspector span.cm-property {color: #000;}		/* inside js property like "body" */
#inspector.light #html_inspector span.cm-operator {color: #000;}		
#inspector.light #html_inspector span.cm-comment {color: #BBB;}			/* <!-- comment --> */
#inspector.light #html_inspector span.cm-null {color: #000;}			/*  plain text  */
#inspector.light #html_inspector span.cm-string {color: #228811;}		/* "color: gold;" */
#inspector.light #html_inspector span.cm-string-2 {color: #D44950;}
#inspector.light #html_inspector span.cm-meta {color: #555;}
#inspector.light #html_inspector span.cm-error {color: #F00;}
#inspector.light #html_inspector span.cm-qualifier {color: #666;}
#inspector.light #html_inspector span.cm-builtin {color: #666;}
#inspector.light #html_inspector span.cm-bracket {color: #666;}
#inspector.light #html_inspector span.cm-tag {color: #4E279A;}			/* <div */
#inspector.light #html_inspector span.cm-attribute {color: #004499;}  	/* style= */
#inspector.light #html_inspector span.cm-header {color: #666;}
#inspector.light #html_inspector span.cm-quote {color: #666;}
#inspector.light #html_inspector span.cm-hr {color: #999;}
#inspector.light #html_inspector span.cm-link {color: #666;}


#inspector.dark #html_inspector span.cm-keyword {color: #00AA4D;}		/* function, if, else */
#inspector.dark #html_inspector span.cm-atom {color: #77A202;}
#inspector.dark #html_inspector span.cm-number {color: #008deb;}
#inspector.dark #html_inspector span.cm-def {color: #CCCCCC;}			/* function incoming vars: foo(one, two) */
#inspector.dark #html_inspector span.cm-variable {color: #CCCCCC;}			/* function name: foo() */
#inspector.dark #html_inspector span.cm-variable-2 {color: #004499;}	/* inner vars: if(var1 == var2) */
#inspector.dark #html_inspector span.cm-variable-3 {color: #004499;}
#inspector.dark #html_inspector span.cm-property {color: #EA2651;}			/* inside js property like "body" */
#inspector.dark #html_inspector span.cm-operator {color: #000;}		
#inspector.dark #html_inspector span.cm-comment {color: #666;}			/* <!-- comment --> */
#inspector.dark #html_inspector span.cm-null {color: #CCCCCC;}				/*  plain text  */
#inspector.dark #html_inspector span.cm-string {color: #01ABF8;}		/* "color: gold;" */
#inspector.dark #html_inspector span.cm-string-2 {color: #D44950;}
#inspector.dark #html_inspector span.cm-meta {color: #555;}
#inspector.dark #html_inspector span.cm-error {color: #F00;}
#inspector.dark #html_inspector span.cm-qualifier {color: #666;}
#inspector.dark #html_inspector span.cm-builtin {color: #666;}
#inspector.dark #html_inspector span.cm-bracket {color: #666;}
#inspector.dark #html_inspector span.cm-tag {color: #999999;}			/* <div */
#inspector.dark #html_inspector span.cm-attribute {color: #999999;}  	/* style= */
#inspector.dark #html_inspector span.cm-header {color: #666;}
#inspector.dark #html_inspector span.cm-quote {color: #666;}
#inspector.dark #html_inspector span.cm-hr {color: #999;}
#inspector.dark #html_inspector span.cm-link {color: #666;}

span.cm-header, span.cm-strong {font-weight: bold;}
span.cm-em {font-style: italic;}
span.cm-emstrong {font-style: italic; font-weight: bold;}
span.cm-link {text-decoration: underline;}

.mini_swatch {
	outline-offset: -1px;
	margin: 0 5px -2px;
	height: 12px; width: 12px;
	display: inline-block;
	text-decoration: none;
}

#inspector.light .mini_swatch {
	outline: 1px solid rgba(0, 0, 0, 0.1);
}

#inspector.light .mini_swatch:hover {
	outline: 1px solid rgba(0, 0, 0, 0.5);
}

#inspector.dark .mini_swatch {
	outline: 1px solid rgba(255, 255, 255, 0.2);
}

#inspector.dark .mini_swatch:hover {
	outline: 1px solid rgba(255, 255, 255, 0.5);
}
			
/* Temp needs to be cleaned */			
			
			
.miniColors-trigger {
	background-color: none !important;
	background-image: url(/_gfx/color-picker-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	font-family: Menlo, monospace;
	font-size: 10px;
	position: absolute;
	width: 16px; height: 14px;
	bottom: 12px; right: 10px;
	visibility: hidden;
}

.miniColors-selector {
	background: #1a1a1a;
	display: none;
	height: 171px;
	position: absolute;
	top: 90px; left: 50%;
	margin-left: -129px;
	width: 258px;
	z-index: 999999;
	
	 -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.miniColors-selector.black {
	background: #000;
	border-color: #000;
}
	.miniColors-details {
		position: absolute;
		left: 187px; top: 10px;
	}
	
		.miniColors-swatch {
			height: 61px; width: 61px;
			background-color: #ffffff;
			outline: 1px solid rgba(170, 170, 170, 0.5);
			outline-offset: -1px;
		}
		
		.miniColors-hex {
			padding: 5px 0;
		}
		
			.miniColors-hex input {
				background: transparent;
				border: 0px none;
				font-family: Menlo, monospace;
				font-size: 11px;
				width: 53px;
				height: 17px;
				padding: 0 3px;
				line-height: 17px;
				color: #999999;
			}
			
		.miniColors-actions {
			position: absolute;
			bottom: 10px; right: 10px;
			width: 62px;
		}
		
		.miniColors-button {
			
		}
			.miniColors-button input {
				margin: 0 0 0 0;
				width: 63px;
			}
			
		
		.miniColors-cancel {
			color: #666;
			margin-bottom: 10px;
			text-align: center;
		}
		
		.miniColors-cancel a {
			color: #666;
		}
		
		.miniColors-cancel a:hover {
			color: #ccc;
		}
		
		.miniColors-cancel a:active {
			color: #999;
		}

.miniColors-colors {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	background: url(/_gfx/css.inspector.gradient.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-hues {
	position: absolute;
	top: 10px;
	left: 165px;
	width: 17px;
	height: 150px;
	background: url(/_gfx/css.inspector.rainbow.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-colorPicker {
	position: absolute;
	width: 11px;
	height: 11px;
	background: url(/_gfx/css.inspector.circle.gif) center no-repeat;
}

.miniColors-huePicker {
	position: absolute;
	left: -5px;
	width: 26px;
	height: 7px;
	margin-top: -2px;
	background: url(/_gfx/css.inspector.line.gif) center no-repeat;
}

.miniColors-border {
	background: rgba(170, 170, 170, 0.3);
	display: block;
	position: absolute;
	z-index: 99;
}

	.miniColors-border-top, .miniColors-border-bottom {
		height: 1px;
		left: 10px;
		width: 150px;
	}
	
		.miniColors-border-top {
			top: 10px;
		}
		
		.miniColors-border-bottom {
			top: 159px;
		}
		
	.miniColors-border-left, .miniColors-border-right {
		height: 149px;
		top: 10px;
		width: 1px;
	}
	
		.miniColors-border-left {
			left: 10px;
		}
		
		.miniColors-border-right {
			left: 159px;
		}

/* Reset */
#inspector {
	border: 0 !important;
	float: none !important;
	font-variant: normal !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	text-align: left !important;
	visibility: visible !important;	
	word-spacing: normal !important;
}

/* Scroll bar nav 
.css_inspector_index::-webkit-scrollbar,
.CodeMirror-scroll::-webkit-scrollbar {
    width: auto !important;
}

Track 
.css_inspector_index::-webkit-scrollbar-track,
.CodeMirror-scroll::-webkit-scrollbar {
    -webkit-box-shadow: auto !important; 
    -webkit-border-radius: auto !important;
    border-radius: auto !important;
    background: auto !important;    
}

Handle
.css_inspector_index::-webkit-scrollbar-thumb,
.CodeMirror-scroll::-webkit-scrollbar {
    -webkit-border-radius: auto !important;
    border-radius: auto !important;
    background: auto !important; 
    -webkit-box-shadow: auto !important; 
}

.css_inspector_index::-webkit-scrollbar-thumb:window-inactive,
.CodeMirror-scroll::-webkit-scrollbar {
    background: auto !important; 
} /*