/*  ------   themeing box  ---- */
.colors-popup-wrap { background: none repeat scroll 0 0 #fff; border: 1px solid #dee5e7; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); color: #fff; display: block; left: -350px; position: absolute; top:170px; width: 350px; z-index: 140; }
a.colors-btn, a.colors-btn:hover { background: none repeat scroll 0 0 #f05050; border-radius: 0 10px 10px 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); color: #fff; font-size: 13px; padding: 18px 5px; position: absolute; right: -46px; text-align: center; top: -1px; width: 45px; }
.colors-btn i { display: block; font-size: 30px; }
.colors-popup { color: #333; padding: 10px; }
.selector-box { border: 1px solid #c3c3c3; display: block; margin-top: 7px; padding: 5px 9px; position: relative; width: 310px; }
.selector-box span { float: left; font-size: 13px; font-weight: 100; line-height: 35px; }
.upload-logo p { font-size:11px }
.colors-popup .colors { border-bottom:1px solid #d8d9d8; width:auto; margin-bottom:20px; padding:0 0 20px }
.colors-popup .upload-logo { border-bottom:1px solid #d8d9d8; margin-bottom:15px; padding-bottom:15px; }
.pop-actions a { margin-left:8px }
/*color selector*/
.colorpicker { background:url(images/colors-popup/colorpicker_background.png); display:none; height:176px; overflow:hidden; position:absolute; width:356px; z-index:500 }
.colorpicker_color { background:red; cursor:crosshair; height:150px; left:14px; overflow:hidden; position:absolute; top:13px; width:150px }
.colorpicker_color div { background:url(images/colors-popup/colorpicker_overlay.png); height:150px; left:0; position:absolute; top:0; width:150px }
.colorpicker_color div div { background:url(images/colors-popup/colorpicker_select.gif); height:11px; left:0; margin:-5px 0 0 -5px; overflow:hidden; position:absolute; top:0; width:11px }
.colorpicker_hue { cursor:n-resize; height:150px; left:171px; position:absolute; top:13px; width:35px }
.colorpicker_hue div { background:url(images/colorpicker_indic.gif) left top; height:9px; left:0; margin:-4px 0 0; overflow:hidden; position:absolute; width:35px }
.colorpicker_new_color { background:red; height:30px; left:213px; position:absolute; top:13px; width:60px }
.colorpicker_current_color { background:red; height:30px; left:283px; position:absolute; top:13px; width:60px }
.colorpicker input { background-color:transparent; border:1px solid transparent; color:#898989; font-family:Arial, Helvetica, sans-serif; font-size:10px; height:11px; margin:0; padding:0; position:absolute; right:11px; text-align:right; top:4px }
.colorpicker_hex { background:url(images/colors-popup/colorpicker_hex.png) top; height:22px; left:212px; position:absolute; top:142px; width:72px }
.colorpicker_hex input { right:6px }
.colorpicker_field { background-position:top; height:22px; position:absolute; width:62px }
.colorpicker_field span { cursor:n-resize; height:22px; overflow:hidden; position:absolute; right:0; top:0; width:12px }
.colorpicker_rgb_r { background-image:url(images/colors-popup/colorpicker_rgb_r.png); left:212px; top:52px }
.colorpicker_rgb_g { background-image:url(images/colors-popup/colorpicker_rgb_g.png); left:212px; top:82px }
.colorpicker_rgb_b { background-image:url(images/colors-popup/colorpicker_rgb_b.png); left:212px; top:112px }
.colorpicker_hsb_h { background-image:url(images/colors-popup/colorpicker_hsb_h.png); left:282px; top:52px }
.colorpicker_hsb_s { background-image:url(images/colors-popup/colorpicker_hsb_s.png); left:282px; top:82px }
.colorpicker_hsb_b { background-image:url(images/colors-popup/colorpicker_hsb_b.png); left:282px; top:112px }
.colorpicker_submit { background:url(images/colors-popup/colorpicker_submit.png) top; height:22px; left:322px; overflow:hidden; position:absolute; top:142px; width:22px }
.colorpicker_focus { background-position:center }
.colorSelector, .patternSelector { background:url(images/colors-popup/select.png); cursor:pointer; height:36px; position:relative; width:36px }
.colorSelector div { background:url(images/colors-popup/select.png) center; height:29px; left:4px; position:absolute; top:3px; width:28px }
.colorSelector { background:url(images/colors-popup/select2.png); height:36px; left:0; position:absolute; top:0; width:36px; float:right }
.colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider { background-position:bottom }
.preset-select {
	height: 36px;
    position: relative;
    width: 36px;
	float: left;
	margin: 0 10px 3px 0;
	background: #eee;
	display: block;
	-webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;    
}
.preset-select.active {
	box-shadow: 0 0px 1px 2px rgba(0, 0, 0, 0.8);
}
.preset1 {
	background: #6b24a4;
    border-color: transparent;
    background: -moz-linear-gradient(left, #6b24a4 1%, #9c4bde 100%);
    background: -webkit-linear-gradient(left, #6b24a4 1%,#9c4bde 100%);
    background: linear-gradient(to right, #6b24a4 1%,#9c4bde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b24a4', endColorstr='#9c4bde',GradientType=1 );
}
.preset2 {
	background: #f83c5f;
    border-color: transparent;
    background: -webkit-linear-gradient(left, #f83c5f 1%,#fd617e 100%);
    background: linear-gradient(to right, #f83c5f 1%,#fd617e 100%);

}
.preset3 {
	background: #04a564;
    border-color: transparent;
    background: -webkit-linear-gradient(left, #04a564 1%,#27c384 100%);
    background: linear-gradient(to right, #04a564 1%,#27c384 100%);
}
.preset4 {
	background-color: #fad733;
}