.colorpicker-picker-span{
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    border: 1px solid #000;
    margin-right: 2px;
    cursor: pointer;
}

.colorpicker-picker-info{
    padding: 0 0 2px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.colorpicker-picker-span:hover {
    border: 1px solid #fff;
}

.colorpicker-picker-span.active {
    border: 1px solid #fff;
}

.colorpicker-picker {
    background-color: #353534;
    padding: 5px;
    display: none;
    position: absolute;
    top: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #111;
    -moz-box-shadow: 2px 2px 5px #111;
    -webkit-box-shadow: 2px 2px 5px #111;
}

.colorpicker-trigger {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    border: 1px solid #000;
    cursor: pointer;
    background-color: #808080;;
}


.colorpicker-wrap {
    font-family: 'Trebuchet MS', Verdana, Arial, Geneva, sans-serif
}

.colorpicker-label {
    float: left;
    margin-right: 2px;
}


/* NIC */
.colorpicker-trigger{
	display:block;
	width:100%;
	height:27px;
	margin:0px 0px 15px 0px;
	padding:5px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:right 5px center;
	background-image:url('../images/icons/mini/color.png');
	border-style:solid;
	border-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	letter-spacing:0px;
	color:#333333;
	cursor:pointer;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.colorpicker-picker-info{
	margin:0px;
	padding:7px 0px;
	background:#DDDDDD;
	border-bottom:1px solid #999999;
	color:#333333;
	font-weight:bold;
	text-align:center;
	text-transform:none;
}
.colorpicker-picker{
	background-color:#EEEEEE;
	padding:0px;
	display:none;
	position:absolute;
	border:1px solid #999999;
	border-top:none;
	-moz-border-radius:none;
	border-radius:0px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.colorpicker-wrap{ font-family:Arial, sans-serif; }
.colorpicker-picker-span-wrapper{
	padding:5px;
	max-height:300px;
	overflow-y:auto;
}
.colorpicker-picker-span{
	float:left;
	display:block;
	width:20px;
	height:20px;
	margin:5px;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
}
.colorpicker-picker-span:hover{ border:1px solid #000000!important; }
.colorpicker-picker-span.active{ border:1px solid #000000!important; }
.colorpicker-picker-span-wrapper .colorpicker-picker-span:last-of-type{ margin-bottom:10px; }