/*--------- Color Picker Style ----------*/
#coloreditor_panel
{
	position: fixed;
	top: 70px;
	padding: 18px 0 18px 0;
	background: #222222;
	z-index: 99999;
	font-size: 12px;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}
#coloreditor_panel div, #coloreditor_panel p, #coloreditor_panel li, #coloreditor_panel td
{
	color: #ffffff !important;
	 font-size: 12px;
    font-weight: bold;
}
#coloreditor_panel strong{ font-size:11px; color:#969696;font-weight: normal;}
#coloreditor_panel .coloreditor_selectortextbox
{
	width: 85%;
	margin:0 0 5px 0;
}
#coloreditor_expandicon {
    background: url("images/expandicon_bg.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height:37px;
    left: 0;
    position: fixed;
    top: 190px;
    width: 40px;
    z-index: 999;
	padding:6px 0 0 3px;
	
	
}
#coloreditor_expandicon img {
	text-align:center;
	transition:all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s;
	-o-transition:all 0.4s ease-in-out 0s; 
}
#coloreditor_expandicon:hover img{ 
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.coloreditor_picker
{
	position: absolute;
	left: 180px;
	top: 230px;
	z-index:20000;
}

#coloreditor_panel .coloreditor_content
{
	width:100%;
	margin: auto;
}

#coloreditor_panel .coloreditor_save {
    background-color: #4D4D4D;
    border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    color: #FFFFFF;
    float: left;
    margin: 0 0px 0 15px;
    padding: 1px 10px;
    text-decoration: none;
	font-weight:normal;
}

#coloreditor_panel .coloreditor_reset
{
	float: left;
	padding: 1px 10px;
	margin: 0 5px 0 15px;
	background-color: #4D4D4D;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}

#coloreditor_button
{
	margin-top: 10px;
}

#coloreditor_predefined_ul
{
	list-style-type: none;
	margin: 0px;
	padding:0 0 0 15px;
}
#coloreditor_predefined_ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 15px 8px 0;
}
#coloreditor_predefined_ul img
{
	cursor:pointer;
}
/*2014/02 Add*/
.coloreditor_part1_titlespan,
.coloreditor_part2_titlespan,
.coloreditor_part3_titlespan { background:url("images/up_icon.png") no-repeat scroll 90% 50% transparent;}

.active .coloreditor_part1_titlespan,
.active .coloreditor_part2_titlespan,
.active .coloreditor_part3_titlespan  { background:url("images/down_icon.png") no-repeat scroll 90% 50% transparent;}

.coloreditor_part1_titlespan,
.coloreditor_part2_titlespan,
.coloreditor_part3_titlespan,
.coloreditor_part4_titlespan { cursor:pointer; display:block; padding:0 0 0 15px;}

.coloreditor_part1_titlediv { line-height:35px;}
.coloreditor_part2_titlediv,
.coloreditor_part3_titlediv,
.coloreditor_part4_titlediv { border-top:1px solid #555555; line-height:35px;}

.coloreditor_part1,
.coloreditor_part2,
.coloreditor_part3 { padding:0 ; width:auto; margin:0 0 15px 15px;}

#coloreditor_predefined_ul li img { border:1px solid #444444;}
#coloreditor_predefined_ul li.selected img { border:2px solid #ffffff;}