/*************
    
  Иконки можно скачать по адресу, указав требуемый цвет
  http://download.jqueryui.com/themeroller/images/ui-icons_579618_256x240.png
  http://download.jqueryui.com/themeroller/images/ui-bg_highlight-soft_75_579618_1x100.png
    
*************/

/*************

  jqueryui selectmenu (Красное оформление)

*************/

.mx-selectmenu-jqueryui-select + .ui-state-default
{
    border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x; 
    /*color: #d32f2f;*/
    font-weight: bold;
    
}

.mx-selectmenu-jqueryui-select + .ui-state-default .ui-icon
{
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.mx-selectmenu-jqueryui-select + .ui-state-hover
{
    border: 1px solid #d50000;
    background: #d50000 url("images/ui-bg_highlight-soft_75_d50000_1x100.png") 50% 50% repeat-x;
    color: #fff;
}

.mx-selectmenu-jqueryui-select + .ui-state-hover .ui-icon
{
    background-image: url("images/ui-icons_fff_256x240.png");
}

.mx-selectmenu-jqueryui-ul .ui-state-focus
{
    border: 1px solid #d50000;
    background: #d50000 url("images/ui-bg_highlight-soft_75_d50000_1x100.png") 50% 50% repeat-x;
    color: #fff;
}

/*************

  jqueryui selectmenu (Зеленое оформление)

*************/

.mx-selectmenu-jqueryui-select-green + .ui-state-default
{
    border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x; 
    /*color: #d32f2f;*/
    font-weight: bold;
    
}

.mx-selectmenu-jqueryui-select-green + .ui-state-default .ui-icon
{
    background-image: url("images/ui-icons_579618_256x240.png");
}

.mx-selectmenu-jqueryui-select-green + .ui-state-hover
{
    border: 1px solid #579618;
    background: #579618 url("images/ui-bg_highlight-soft_75_4caf50_1x100.png") 50% 50% repeat-x;
    color: #fff;
}

.mx-selectmenu-jqueryui-select-green + .ui-state-hover .ui-icon
{
    background-image: url("images/ui-icons_fff_256x240.png");
}

.mx-selectmenu-jqueryui-ul-green .ui-state-focus
{
    border: 1px solid #579618;
    background: #579618 url("images/ui-bg_highlight-soft_75_4caf50_1x100.png") 50% 50% repeat-x;
    color: #fff;
}

/*************

  jqueryui button (Красное оформление)

*************/

.mx-button-jqueryui.ui-state-default
{
    border: 1px solid #d50000;
	background: #dc143c url("images/ui-bg_highlight-soft_75_dc143c_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #fff;    
}

.mx-button-jqueryui.ui-state-default .ui-icon
{
    background-image: url("images/ui-icons_fff_256x240.png");
}

.mx-button-jqueryui.ui-state-hover
{
    border: 1px solid #d50000;
	background: #d50000 url("images/ui-bg_highlight-soft_75_d50000_1x100.png") 50% 50% repeat-x;
	/*font-weight: bold;
	color: #fff;*/
}


/*************

  jqueryui button (Зеленое оформление)

*************/

.mx-button-jqueryui-green.ui-state-default
{
    border: 1px solid #579618;
	background: #dc143c url("images/ui-bg_highlight-soft_75_579618_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #fff;    
}

.mx-button-jqueryui-green.ui-state-default .ui-icon
{
    background-image: url("images/ui-icons_fff_256x240.png");
}

.mx-button-jqueryui-green.ui-state-hover
{
    border: 1px solid #4caf50;
	background: #4caf50 url("images/ui-bg_highlight-soft_75_4caf50_1x100.png") 50% 50% repeat-x;
	/*font-weight: bold;
	color: #fff;*/
}

/*****************


******************/

/* Цвет выделенной строки в гриде. Переопределение файла jquery-ui.css*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	/*background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;*/
	background: #ffccbc;
	color: #363636;
}