.currentBorder{margin:10px;padding:10px}
#currentColor{border:1px solid;height:90px;width:auto;cursor:pointer;cursor:hand;background-color:#fff}
#ColorInput{float:left;width:340px;text-align:center;font-weight:700;color:#444;border-right:solid 1px #ddd;height: 575px;}
#ColorInput h3{padding:10px}
#Wheel{float:right;padding-left:10px;width:648px;padding-top:15px;text-align:center;}
#palette{float:right;border:1px solid #000;border-width:1px 0 0 1px;margin-right:20px;margin-bottom:20px}
#palette img{width:16px;height:13px;border:1px solid #000;border-width:0 1px 1px 0}
.swatch{padding:10px;width:140px;text-align:center;float:left}
.color{border:1px solid;height:54px;width:105px;cursor:pointer;cursor:hand;background-color:#fff}
.border{border:1px solid;height:56px;width:107px;margin-left:auto;margin-right:auto;border-left-color:#9D9DA1;border-top-color:#9D9DA1;border-right-color:#FFF;border-bottom-color:#FFF}
.rgb{font:11px tahoma,arial,helvetica}
.hex{font:11px tahoma,arial,helvetica}

.navBox td { padding:5px;}
.navBox input{margin-left:5px}
.input1{padding:5px;color:#333;border:solid 1px #ddd}
.all_an_1{padding-right:5px;padding-left:5px;height:23px;cursor:pointer;color:#FFF;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #12afff;background:#02bbff}

@media screen and (max-width:768px){
	#ColorInput{width:100%;border-right:none;height:auto;}
	#Wheel{padding:0;width:100%}
	.swatch {padding: 2%; width: 29%;}
	#palette{float: none;border: none;margin-left:10px;margin-right:10px;overflow:hidden;}
	#palette table{width: 100%;}
}