#Design-Lib_Com_Tool{
width:493px;
float:left;
font-family:Tahoma,Arial,Verdana;
font-size:11px;
color:#666666;}
#DlLeft{
float:left;
width:150px;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
/*border-bottom:1px solid #CCCCCC;*/
height:345px
}
#DlLeft .BaseCapt{
font-weight:bold;
background-color:#F2F2F2;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:2px 0 2px 10px;
}

#DlLeft .ColorBase{margin:5px 0 0 0;}
#DlLeft .InputAdj{ margin:5px 5px 2px 5px; text-align:center;}
#DlLeft .InputRGB{ margin:15px 5px 2px 5px; text-align:center;}
#DlLeft .InputHEX{ margin:15px 5px 2px 5px; text-align:center;}

#DlLeft .button{
  color: #333333;
  border:1px solid #CCCCCC;
  background-color:#F2F2F2;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;cursor: pointer;cursor: hand;
  margin:5px 2px 2px 2px;
}

#DlLeft .rgbBox {
font-family:tahoma, arial;
margin-left:1px;color:#666666;
font-weight:bold;font-size:9px;
border:1px solid #CCCCCC;
width:21px;
}
#DlLeft .hexBox{
text-transform:uppercase;
font-family:tahoma, arial;
margin-left:1px;color:#666666;
font-weight:bold;font-size:9px;
border:1px solid #CCCCCC;
width:42px;
}

#Swtchs{
width:340px;
height:345px;
float:left;
/*border-bottom:1px solid #CCCCCC;*/
border-right:1px solid #CCCCCC;
}
#Swtchs .SwBlok{
width:80px;
float:left;
margin:5px 0px 0 1px;
text-align:center;
}
#Swtchs .ScheCapt{
font-weight:bold;
background-color:#F2F2F2;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:2px 0 2px 10px;
}
#Swtchs .ColorBlk{
  height: 49px;
	width: 72px;
  cursor: pointer;cursor: hand;
  	border: 1px solid;
  border-left-color: #9D9DA1;
	border-top-color: #9D9DA1;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#Swtchs .HoldSw{padding-left:7px;}

.HoldPal{
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
height:94px;}
#Design-Lib_Com{
padding:2px;
width:454px;
margin:auto;
font-family:Tahoma,Arial,Verdana;
font-size:11px;
}
#DsLib216{
margin:3px 3px 5px 45px;
height:67px;
float:left; 
width:397px;
line-height:9px; 
display: inline;
}
#DsLib216 .sparks{
  height: 9px;
  width: 9px;
  margin: 1px;
  padding: 0;
  float:left;
  display: block;
cursor:pointer;
cursor:hand;}

#currentColor{
	border: 1px solid;
	  border-left-color: #9D9DA1;
	border-top-color: #9D9DA1;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	width:85px;
	height: 60px;
	margin:auto;	
  cursor: pointer;cursor: hand;}


.rgb{font-size: 10px; text-align:center;width:75px;}

.hex{font-size: 10px; text-align:center;width:75px;}

.ScheCapt{
font-weight:bold;
background-color:#F2F2F2;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:2px 0 2px 10px;
}



#HarmHold{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
clear:left;height: 125px; width:491px;}
#HarmHold .HoldSelHar{
text-align:center;
float:left;
width:width:100%;
height: 59px;}
#HarmHold .button{
  color: #333333;
  border:1px solid #CCCCCC;
  background-color:#F2F2F2;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;cursor: pointer;cursor: hand;
  margin:2px 0px 0px 2px;
  width:100px;
  text-align:left;
}

#HarmHold .SwBlok{
width:80px;
float:left;
margin:5px 0px 0 10px;
text-align:center;
}

#HarmHold .ColorBlk{
  height: 49px;
	width: 72px;
  cursor: pointer;cursor: hand;
  	border: 1px solid;
  border-left-color: #9D9DA1;
	border-top-color: #9D9DA1;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#HarmHold .ScheCaptW{
font-weight:bold; clear:left;
background-color:#FFFFFF;
padding:2px 0 2px 10px;
font-size:10px; 
}
#slhar{border: 1px solid #CCCCCC;  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px; font-weight:normal; }
#formh{ margin:0; padding:0;}
.rgb{font-size: 10px; text-align:center;width:79px;}
.hex{font-size: 10px; text-align:center;width:79px;}

#hrc, #hrs, #hrtr, #hrte, #hran, #hrmo, #hrhe{width:491px;}

#labesche{ margin-top:25px; text-align:center;}
#labesche a{ text-decoration:none; color:#cccccc; font-weight:bold;}
