/**
*		Default skin start
*/
.dhtmlxcolorpicker{
	background:#E6E5E5;
	color: #000;
}

.dhtmlxcolorpicker .cs_ContentTable{
	
}
.dhtmlxcolorpicker .cs_SelectorDiv {
	border:1px solid gray;
	overflow:hidden;
	position:relative;
	width:256px;
	height:256px;
}

.dhtmlxcolorpicker .cs_SelectorDiv_Mini {
	border:1px solid gray;
	overflow:hidden;
	position:relative;
	width:210px;
	height:120px;
}
.dhtmlxcolorpicker .cs_SelectorVer{
	position:absolute;
	width:1px;
	height:100%;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker .cs_SelectorHor{
	position:absolute;
	width:100%;
	height:1px;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker .cs_LumSelect {
	border:1px solid gray;
	margin-left:13px;
	margin-right:10px;
	position:relative;
	width:15px;	
}

.dhtmlxcolorpicker .cs_LumSelect_Mini {
	border:1px solid gray;
	margin-left:6px;
	position:relative;
	width:12px;	
}

.dhtmlxcolorpicker .cs_LumSelectLine{
	position:absolute;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:white;
}
.dhtmlxcolorpicker .cs_LumSelectArrow {
	position:absolute;
	background:url('imgs/slide.gif') no-repeat;
	width:13px;
	height:9px;
	overflow:hidden;
}
.dhtmlxcolorpicker .cs_LumElement {
	width:100%;
	height:4px;
	border:0px;
	overflow:hidden;
}

.dhtmlxcolorpicker .cs_ColorArea {
	font-family:Arial;
	font-size:12px;  
	width:100%;	
}

.dhtmlxcolorpicker .cs_ColorArea_Mini {
	font-family:Arial;
	font-size:12px;  
	width:100%;
}

.dhtmlxcolorpicker .cs_ColorArea TD {
	text-align:right;
	height:25px;

}

.dhtmlxcolorpicker .cs_ColorArea_Mini TD {
	text-align:right;
	height:18px;	
}

.dhtmlxcolorpicker .cs_EndColor {
	width:72px;
	height:69px;
	border:1px solid gray;
}

.dhtmlxcolorpicker .cs_EndColor_Mini {
  	width:100px;
  	height:30px;
	border:1px solid gray;  	
	
}

.dhtmlxcolorpicker .cs_Hex {
	font-family:Arial;  
	Font-size: 12px;  
  	width:55px;
}

.dhtmlxcolorpicker .cs_Hex_Mini,.dhtmlxcolorpicker .cs_Hex_MiniX {
	font-family:Arial;  
	Font-size: 10px;  
	height:15px;	
  	width:45px;
	margin:0px;
	padding:0px;  	
}

.dhtmlxcolorpicker .cs_Hex_MiniX {
	height:11px;
}

.dhtmlxcolorpicker .cs_Input {
	width:26px;
    font-family:Arial;
	Font-size: 12px;
	text-align:right;
}

.dhtmlxcolorpicker .cs_Input_Mini, .dhtmlxcolorpicker .cs_Input_MiniX {
	width:22px;
	height:15px;
    font-family:Arial;
	Font-size: 10px;
	margin:0px;
	padding:0px;
	text-align:right;
}

.dhtmlxcolorpicker .cs_Input_MiniX {
	height:11px;
}

.commonInputStyle,.dhtmlxcolorpicker .cs_CustomColorAdd,.dhtmlxcolorpicker .cs_ButtonOk,.dhtmlxcolorpicker .cs_ButtonCancel,.dhtmlxcolorpicker .cs_CustomColorAdd_Mini{
  	border:1px outset white;
  	background:#d4cfc9;
  	height:22px;
}

.dhtmlxcolorpicker .cs_CustomColorAdd{
	width:145px;
    font-family:Arial;
	Font-size: 12px;
	margin-top:8px;
}

.dhtmlxcolorpicker .cs_CustomColorAdd_Mini{
	width:100%;
    font-family:Arial;
	Font-size: 12px;
	margin-top:6px;
}

.dhtmlxcolorpicker .cs_CustomColors{
  	margin-top:8px;
	width:76px;
	height:38px;
}

.dhtmlxcolorpicker .cs_CustomColors_Mini{
	width:100%;
	height:18px;
	margin-top:6px;
}

.dhtmlxcolorpicker .cs_CustomColor{
	float:left;
	width:14px;
	height:14px;
	border:1px solid gray;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker .cs_CustomColor_Mini{
	float:left;
	width:18px;
	height:18px;
	border:1px solid gray;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker .cs_ButtonOk{
  margin-top:3px;
  margin-right:6px;  	
  float:right;
	width:70px;
  font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker .cs_ButtonCancel{
  margin-top:3px;
  margin-right:7px; 	    
	width:70px;
	float:right;
   font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker .cs_colorInput{
	position:absolute;
	top:0px;
	left:0px;
}
.dhtmlxcolorpicker .cs_colorBox{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid black;
}
.dhtmlxcolorpicker .cs_ButtonsPanel{
  height:37px;
	background: url('imgs/cp_buttons_panel.gif');
}
/* Default skin end */

/**
*		dhx_black skin start
*/
.dhtmlxcolorpicker_dhx_black{
	background:#000;
}

.dhtmlxcolorpicker_dhx_black .cs_ContentTable{
	
}

.dhtmlxcolorpicker_dhx_black .cs_SelectorDiv {
	border:1px solid gray;
	overflow:hidden;
	position:relative;
	width:256px;
	height:256px;
}

.dhtmlxcolorpicker_dhx_black .cs_SelectorDiv_Mini {
	border:1px solid gray;
	overflow:hidden;
	position:relative;
	width:210px;
	height:120px;
}
.dhtmlxcolorpicker_dhx_black .cs_SelectorVer{
	position:absolute;
	width:1px;
	height:100%;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_black .cs_SelectorHor{
	position:absolute;
	width:100%;
	height:1px;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_black .cs_LumSelect {
	border:1px solid gray;
	margin-left:13px;
	margin-right:10px;
	position:relative;
	width:15px;	
}

.dhtmlxcolorpicker_dhx_black .cs_LumSelect_Mini {
	border:1px solid gray;
	margin-left:6px;
	position:relative;
	width:12px;	
}

.dhtmlxcolorpicker_dhx_black .cs_LumSelectLine{
	position:absolute;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:white;
}
.dhtmlxcolorpicker_dhx_black .cs_LumSelectArrow {
	position:absolute;
	background:url('img/__dhxCP_skin_Black/slide.gif') no-repeat;
	width:13px;
	height:9px;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_black .cs_LumElement {
	width:100%;
	height:4px;
	border:0px;
	font-size:0px;
	overflow:hidden;
}

.dhtmlxcolorpicker_dhx_black .cs_ColorArea {
	font-family:Arial;
	font-size:12px;  
	width:100%;	
	color:#ffffff;
}

.dhtmlxcolorpicker_dhx_black .cs_ColorArea_Mini {
	font-family:Arial;
	font-size:12px;  
	width:100%;
	color:#ffffff;
}

.dhtmlxcolorpicker_dhx_black .cs_ColorArea TD {
 	text-align:right;
	height:25px;

}

.dhtmlxcolorpicker_dhx_black .cs_ColorArea_Mini TD {
	text-align:right;
	height:18px;	
	
}

.dhtmlxcolorpicker_dhx_black .cs_EndColor {
	width:72px;
	height:69px;
	border:1px solid gray;
}

.dhtmlxcolorpicker_dhx_black .cs_EndColor_Mini {
  	width:100px;
  	height:30px;
	border:1px solid gray;  	
	
}

.dhtmlxcolorpicker_dhx_black .cs_Hex {
	font-family:Arial;  
	Font-size: 12px;  
  	width:55px;
}

.dhtmlxcolorpicker_dhx_black .cs_Hex_Mini,.dhtmlxcolorpicker_dhx_black .cs_Hex_MiniX {
	font-family:Arial;  
	Font-size: 10px;  
	height:15px;	
  	width:45px;
	margin:0px;
	padding:0px;  	
}

.dhtmlxcolorpicker_dhx_black .cs_Hex_MiniX {
	height:11px;
}

.dhtmlxcolorpicker_dhx_black .cs_Input {
	width:26px;
    font-family:Arial;
	Font-size: 12px;
	text-align:right;
}

.dhtmlxcolorpicker_dhx_black .cs_Input_Mini, .dhtmlxcolorpicker_dhx_black .cs_Input_MiniX {
	width:22px;
	height:15px;
    font-family:Arial;
	Font-size: 10px;
	margin:0px;
	padding:0px;
	text-align:right;
}

.dhtmlxcolorpicker_dhx_black .cs_Input_MiniX {
	height:11px;
}

.commonInputStyle,.dhtmlxcolorpicker_dhx_black .cs_CustomColorAdd,.dhtmlxcolorpicker_dhx_black .cs_ButtonOk,.dhtmlxcolorpicker_dhx_black .cs_ButtonCancel,.dhtmlxcolorpicker_dhx_black .cs_CustomColorAdd_Mini{
  	border:1px outset white;
  	background:#d4cfc9;
  	height:22px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColorAdd{
	width:145px;
    font-family:Arial;
	Font-size: 12px;
	margin-top:8px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColorAdd_Mini{
	width:100%;
    font-family:Arial;
	Font-size: 12px;
	margin-top:6px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColors{
  	margin-top:8px;
	width:76px;
	height:38px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColors_Mini{
	width:100%;
	height:18px;
	margin-top:6px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColor{
	float:left;
	width:14px;
	height:14px;
	border:1px solid gray;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker_dhx_black .cs_CustomColor_Mini{
	float:left;
	width:18px;
	height:18px;
	border:1px solid gray;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker_dhx_black .cs_ButtonOk{
  	margin-top:3px;
  	margin-right:6px;  	
  	float:right;
	width:70px;
    font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker_dhx_black .cs_ButtonCancel{
  	margin-top:3px;
  	margin-right:7px; 	    
	width:70px;
	float:right;
    font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker_dhx_black .cs_colorInput{
	position:absolute;
	top:0px;
	left:0px;
}
.dhtmlxcolorpicker_dhx_black .cs_colorBox{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid black;
}
.dhtmlxcolorpicker_dhx_black .cs_ButtonsPanel{
  height:37px;
	background:url('imgs/__dhxCP_skin_Black/cp_buttons_panel.png');
}
/* end dhx_black */

/**
*		dhx_blue skin start
*/
.dhtmlxcolorpicker_dhx_blue{
	background:#d3e2e5;
}

.dhtmlxcolorpicker_dhx_blue .cs_ContentTable{
	
}

.dhtmlxcolorpicker_dhx_blue .cs_SelectorDiv {
	border:1px solid gray;
	overflow:hidden;
	position:relative;
	width:256px;
	height:256px;
}

.dhtmlxcolorpicker_dhx_blue .cs_SelectorDiv_Mini {
	border:1px solid #adc6cb;
	overflow:hidden;
	position:relative;
	width:210px;
	height:120px;
}
.dhtmlxcolorpicker_dhx_blue .cs_SelectorVer{
	position:absolute;
	width:1px;
	height:100%;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_blue .cs_SelectorHor{
	position:absolute;
	width:100%;
	height:1px;
	background-color:white;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_blue .cs_LumSelect {
	border:1px solid gray;
	margin-left:13px;
	margin-right:10px;
	position:relative;
	width:15px;	
}

.dhtmlxcolorpicker_dhx_blue .cs_LumSelect_Mini {
	border:1px solid #adc6cb;
	margin-left:6px;
	position:relative;
	width:12px;	
}

.dhtmlxcolorpicker_dhx_blue .cs_LumSelectLine{
	position:absolute;
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:white;
}
.dhtmlxcolorpicker_dhx_blue .cs_LumSelectArrow {
	position:absolute;
	background:url('imgs/__dhxCP_skin_Blue/slide.gif') no-repeat;
	width:13px;
	height:9px;
	overflow:hidden;
}
.dhtmlxcolorpicker_dhx_blue .cs_LumElement {
	width:100%;
	height:4px;
	border:0px;
	font-size:0px;
	overflow:hidden;
}

.dhtmlxcolorpicker_dhx_blue .cs_ColorArea {
	font-family:Arial;
	font-size:12px;  
	width:100%;	
	color:#02609e;
}

.dhtmlxcolorpicker_dhx_blue .cs_ColorArea_Mini {
	font-family:Arial;
	font-size:12px;  
	width:100%;
	color:#02609e;
}

.dhtmlxcolorpicker_dhx_blue .cs_ColorArea TD {
 	text-align:right;
	height:25px;

}

.dhtmlxcolorpicker_dhx_blue .cs_ColorArea_Mini TD {
	text-align:right;
	height:18px;	
	
}

.dhtmlxcolorpicker_dhx_blue .cs_EndColor {
	width:72px;
	height:69px;
	border:1px solid gray;
}

.dhtmlxcolorpicker_dhx_blue .cs_EndColor_Mini {
  	width:100px;
  	height:30px;
	border:1px solid #adc6cb;  	
	
}

.dhtmlxcolorpicker_dhx_blue .cs_Hex {
	font-family:Arial;  
	Font-size: 12px;  
  	width:55px;
}

.dhtmlxcolorpicker_dhx_blue .cs_Hex_Mini,.dhtmlxcolorpicker_dhx_blue .cs_Hex_MiniX {
	font-family:Arial;  
	Font-size: 10px;  
	height:15px;	
  	width:45px;
	margin:0px;
	padding:0px;  	
	border:1px solid #adc6cb;
}

.dhtmlxcolorpicker_dhx_blue .cs_Hex_MiniX {
	height:11px;
}

.dhtmlxcolorpicker_dhx_blue .cs_Input {
	width:26px;
    font-family:Arial;
	Font-size: 12px;
	text-align:right;
}

.dhtmlxcolorpicker_dhx_blue .cs_Input_Mini, .dhtmlxcolorpicker_dhx_blue .cs_Input_MiniX {
	width:22px;
	height:15px;
  font-family:Arial;
	Font-size: 10px;
	margin:0px;
	padding:0px;
	text-align:right;
	border:1px solid #adc6cb;
}

.dhtmlxcolorpicker_dhx_blue .cs_Input_MiniX {
	height:11px;
}

.commonInputStyle,.dhtmlxcolorpicker_dhx_blue .cs_CustomColorAdd,.dhtmlxcolorpicker_dhx_blue .cs_ButtonOk,.dhtmlxcolorpicker_dhx_blue .cs_ButtonCancel,.dhtmlxcolorpicker_dhx_blue .cs_CustomColorAdd_Mini{
  	border:1px outset white;
  	background:#d4cfc9;
  	height:22px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColorAdd{
	width:145px;
    font-family:Arial;
	Font-size: 12px;
	margin-top:8px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColorAdd_Mini{
	width:100%;
    font-family:Arial;
	Font-size: 12px;
	margin-top:6px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColors{
  	margin-top:8px;
	width:76px;
	height:38px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColors_Mini{
	width:100%;
	height:18px;
	margin-top:6px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColor{
	float:left;
	width:14px;
	height:14px;
	border:1px solid #adc6cb;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker_dhx_blue .cs_CustomColor_Mini{
	float:left;
	width:18px;
	height:18px;
	border:1px solid #adc6cb;
	overflow:hidden;
	cursor:pointer;
	
	margin-bottom:3px;
	margin-right:3px;
}

.dhtmlxcolorpicker_dhx_blue .cs_ButtonOk{
  	margin-top:3px;
  	margin-right:6px;  	
  	float:right;
	width:70px;
    font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker_dhx_blue .cs_ButtonCancel{
  	margin-top:3px;
  	margin-right:7px; 	    
	width:70px;
	float:right;
    font-family:Arial;
	Font-size: 12px;
}
.dhtmlxcolorpicker_dhx_blue .cs_colorInput{
	position:absolute;
	top:0px;
	left:0px;
}
.dhtmlxcolorpicker_dhx_blue .cs_colorBox{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid blue;
}
.dhtmlxcolorpicker_dhx_blue .cs_ButtonsPanel{
  height:37px;
	background:url('imgs/__dhxCP_skin_Blue/cp_buttons_panel.png');
}
/* end dhx_blue */