#Middle						{ border:0px solid blue; clear:both; }
	#fileFromPC				{ width: 125px; cursor: default; }
	#fileFromWeb			{ width: 70px; display:none; }
	#fileBrowse				{ width: 125px; text-align:center; }
	#fileDownload			{ width: 160px; text-align: center; width: 100%; padding:0;}
	#filePath				{ border: 1px solid #aaa; height: 30px; font-size: 18px; color: gray; width: 715px; padding-left: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;	}
	#fileBrowse				{ width: 100px; float: right; }
	#fileChooseButton		{ border-radius: 5px; display: none;}
	#canvas					{ border: 1px solid #bbb; }
	#sourceDesc				{ text-align: left;  border:0px solid red; width: 430px; margin-left: 20px; color: #888;}
	#previewCanvas			{ border: 1px solid #bbb; }
	#previewDesc			{ text-align: left; border:0px solid red; width: 430px; margin-left: 20px;  color: #888;}
	#cropPanel				{ padding: 10px; margin-top: 10px; height: 370px;	margin-bottom: 10px;}
	#editPanel				{ padding:  5px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; }
		#cropSize			{ margin-left: 10px; margin-right: 10px; width: 250px; }
		#cropRatioX			{ width: 50px; text-align: center; margin-right: 5px; }
		#cropRatioY			{ width: 50px; text-align: center; margin-left: 5px; }
	#sharePanel				{  }
	#downloadPanel			{ text-align: center; }
	#resultPanel			{ padding: 10px; }
		#resultDesc			{ display: none;}
		#resultScrollBox	{ border:1px solid silver; overflow: scroll; display: none; text-align: center; }
			#resultImage	{ display: none; }
	#disqusPanel			{ padding: 10px; margin-top: 10px; background-color: white;  display: none; }

#Panel { background-color: white; }


#ColorPick		{  cursor: default;}
#HuePick		{ left: 200px; top: 0px;  cursor: default; }
#PickedColor	{ width: 95px; height: 60px; margin-top: 8px; border:1px solid #ededed;}
#ColorTable		{ }
#ColorTable label { display:inline-block; width: 28px; text-align:right; font-size: 9pt; padding-right: 5px; font-family: "Lucida Console";}
#ColorTable input { width: 60px; border:1px solid #dddddd; text-align: right; font-size: 9pt; font-family: "Lucida Console";}
#ValueRGB { width: 100px;}
.resultBox {}
.colorbox { display: inline-block; width: 80px; height: 40px; border:1px solid #ededed; vertical-align: middle; text-align:center;  font-size: 9pt; font-family: "Lucida Console"; padding-top: 3px;}

#colortable .colorbox { display: inline-block; width: 36px; height: 23px; border:1px solid #ededed; margin-left: 0px; margin-right:0px; margin-top: 4px; margin-bottom: 0px; cursor: pointer;}
.width2{ width: 100px; }
.height2{ height: 100px; }
select { border: 1px solid #ededed; }
option { font-family: "Lucida Console"; font-size:9pt; }
.ColorSchemeTitle { font-size: 9pt; color: gray; line-height: 1.2em; margin-bottom: 5px;}

#ColorSchemes { margin-top: 10px; margin-bottom: 10px; padding-top: 5px; }
#ColorSchemes .schemes { font-size:10pt;  cursor: pointer;}
#ColorSchemes .schemes:hover { font-size:10pt;  color: #2389E0; }

#ColorSchemesResult { border: 0px solid #dedede; padding-top: 8px; border-radius: 5px; padding-left:8px; padding-right:8px;margin-top: 10px; min-height: 50px; padding-bottom: 10px; width: 724px; background-color: white; }
.buttons			{ display: inline-block; border: 0px solid red; text-align: center; min-width:90px; }
.buttons label		{ font-size: 8pt; color: gray; }
.buttons img		{ width: 40px; height: 40px; }
.example			{ width: 100px; height: 100px; border: 1px solid #ededed;}


.resultBox			{ width: 655px; height: 110px; display:inline-block; border: 0px solid red;  }
.colorboxesTitle	{ width: 421px; height: 15px;  display: inline-block; float:left; border: 0px solid blue; }
.examplesTitle		{ width: 290px; height: 15px;  display: inline-block; float:left; border: 0px solid red;  }
.colorboxes			{ width: 360px; height: 100px; display: inline-block; float:left; cursor: pointer; border: 0px solid red;  }
.examples			{ width: 290px; height: 100px; display: inline-block; float:left; border: 0px solid red;  }
.textexample		{ width: 65px; height: 80px; display: inline-block; float:right; border: 1px solid #ededed; padding: 10px; font-size:8pt;}
.textexample2		{ width: 65px; margin-right:  6px; height: 80px; display: inline-block; float:right; border: 1px solid #ededed; padding: 10px; font-size:8pt;}

.exampleCanvas		{ width: 100px; height: 100px; border: 1px solid silver; display: none;}
.colorbox			{ display: inline-block; }
.temp				{ display: none; }
.hexbox				{ display:inline-block; width: 80px; font-size: 9pt; color:gray; text-align:center;  }