/***************************************************************************
Author(s)             : Stéphane Levert                   Date : 2018/07/28
Description           : CPAT Style sheet
****************************************************************************/

/* Main panel style */
a.disabled {
    pointer-events: none;
    cursor: default;
}

textarea
{
    color:#464646;
    resize: none;
}

textarea:disabled {
    color: unset;
}

table.inline-rb td {
    padding-top: 2px;
    padding-bottom: 3px;
}

table.inline-rb input[type="radio"] {
    float: left;
}

td {
    padding: 0px;
}

tr.spaceAbove>td {
    padding-top: 10px;
}

hr {
    border-color: lightgray;
}

tr.borderTop > td {
    border-top: 1px solid gray;
}

tr.borderTop > td:first-child {
    border-left: 1px solid gray;
    border-top-left-radius: 10px;
}

tr.borderTop > td:last-child {
    border-right: 1px solid gray;
    border-top-right-radius: 10px;
}

tr.borderBottom > td {
    border-bottom: 1px solid gray;
}

tr.borderBottom > td:first-child {
    border-left: 1px solid gray;
    border-bottom-left-radius: 10px;
}

tr.borderBottom > td:last-child {
    border-right: 1px solid gray;
    border-bottom-right-radius: 10px;
}

td.border.top {
    border-top: 1px solid gray;
}
td.border.bottom {
    border-bottom: 1px solid gray;
}
td.border.left {
    border-left: 1px solid gray;
}
td.border.right {
    border-right: 1px solid gray;
}
td.border.top.left {
    border-top-left-radius: 10px;
}
td.border.top.right {
    border-top-right-radius: 10px;
}
td.border.bottom.left {
    border-bottom-left-radius: 10px;
}
td.border.bottom.right {
    border-bottom-right-radius: 10px;
}


/* Section for background in menu where we have more than 3 options */
.PanelEditingSection
{
    background-image: url('./Images/master/Bk3Options.png');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E3E3E3;
    padding-top: 10px;
    vertical-align: top;
    font-size: 11px;
    color: #464646;
}

.PanelSmallEditingSection
{
    background-image: url('./Images/master/Bk1Option.png');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E3E3E3;
    padding-top: 10px;
    vertical-align: top;
    font-size: 11px;
    color: #464646;
}

/* TabContainer theme */
.CustomTabStyle3Options .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url('./Images/master/tab-line.gif') repeat-x bottom;
}
.CustomTabStyle3Options .ajax__tab_outer
{
    padding-right: 4px;
    background: url('./Images/master/tab-right.gif') no-repeat right;
    height: 21px;
}
.CustomTabStyle3Options .ajax__tab_inner
{
    padding-left: 3px;
    background: url('./Images/master/tab-left.gif') no-repeat;
}
.CustomTabStyle3Options .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url('./Images/master/tab.gif') repeat-x;
}
.CustomTabStyle3Options .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-right.gif') no-repeat right;
}
.CustomTabStyle3Options .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-left.gif') no-repeat;
}
.CustomTabStyle3Options .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url('./Images/master/tab-hover.gif') repeat-x;
}
.CustomTabStyle3Options .ajax__tab_active .ajax__tab_outer
{
    background: url('./Images/master/tab-active-right.gif') no-repeat right;
}
.CustomTabStyle3Options .ajax__tab_active .ajax__tab_inner
{
    background: url('./Images/master/tab-active-left.gif') no-repeat;
}
.CustomTabStyle3Options .ajax__tab_active .ajax__tab_tab
{
    background: url('./Images/master/tab-active.gif') repeat-x;
}
.CustomTabStyle3Options .ajax__tab_disabled
{
    color: #A0A0A0;
}
.CustomTabStyle3Options .ajax__tab_body
{
    border-top: 0;
    padding: 8px 0;
    background: url('./Images/master/BkTab3Options.png') repeat-x;
}

/* TabContainer theme */
.CustomTabStyle2Options .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url('./Images/master/tab-line.gif') repeat-x bottom;
}
.CustomTabStyle2Options .ajax__tab_outer
{
    padding-right: 4px;
    background: url('./Images/master/tab-right.gif') no-repeat right;
    height: 21px;
}
.CustomTabStyle2Options .ajax__tab_inner
{
    padding-left: 3px;
    background: url('./Images/master/tab-left.gif') no-repeat;
}
.CustomTabStyle2Options .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0px;
    background: url('./Images/master/tab.gif') repeat-x;
}
.CustomTabStyle2Options .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-right.gif') no-repeat right;
}
.CustomTabStyle2Options .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-left.gif') no-repeat;
}
.CustomTabStyle2Options .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url('./Images/master/tab-hover.gif') repeat-x;
}
.CustomTabStyle2Options .ajax__tab_active .ajax__tab_outer
{
    background: url('./Images/master/tab-active-right.gif') no-repeat right;
}
.CustomTabStyle2Options .ajax__tab_active .ajax__tab_inner
{
    background: url('./Images/master/tab-active-left.gif') no-repeat;
}
.CustomTabStyle2Options .ajax__tab_active .ajax__tab_tab
{
    background: url('./Images/master/tab-active.gif') repeat-x;
}
.CustomTabStyle2Options .ajax__tab_disabled
{
    color: #A0A0A0;
}
.CustomTabStyle2Options .ajax__tab_body
{
    border-top: 0;
    padding: 8px 0;
    background: url('./Images/master/BkTab2Options.png') repeat-x;
}

/* TabContainer theme */
.CustomTabStyle1Options .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url('./Images/master/tab-line.gif') repeat-x bottom;
}
.CustomTabStyle1Options .ajax__tab_outer
{
    padding-right: 4px;
    background: url('./Images/master/tab-right.gif') no-repeat right;
    height: 21px;
}
.CustomTabStyle1Options .ajax__tab_inner
{
    padding-left: 3px;
    background: url('./Images/master/tab-left.gif') no-repeat;
}
.CustomTabStyle1Options .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0px;
    background: url('./Images/master/tab.gif') repeat-x;
}
.CustomTabStyle1Options .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-right.gif') no-repeat right;
}
.CustomTabStyle1Options .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-left.gif') no-repeat;
}
.CustomTabStyle1Options .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url('./Images/master/tab-hover.gif') repeat-x;
}
.CustomTabStyle1Options .ajax__tab_active .ajax__tab_outer
{
    background: url('./Images/master/tab-active-right.gif') no-repeat right;
}
.CustomTabStyle1Options .ajax__tab_active .ajax__tab_inner
{
    background: url('./Images/master/tab-active-left.gif') no-repeat;
}
.CustomTabStyle1Options .ajax__tab_active .ajax__tab_tab
{
    background: url('./Images/master/tab-active.gif') repeat-x;
}
.CustomTabStyle1Options .ajax__tab_disabled
{
    color: #A0A0A0;
}
.CustomTabStyle1Options .ajax__tab_body
{
    border-top: 0;
    padding: 8px 0;
    background: url('./Images/master/BkTab1Options.png') repeat-x;
}

/* TabContainer theme */
.CustomTabStyleNoOptions .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url('./Images/master/tab-line.gif') repeat-x bottom;
    color: #464646;
}
.CustomTabStyleNoOptions .ajax__tab_outer
{
    padding-right: 4px;
    background: url('./Images/master/tab-right.gif') no-repeat right;
    height: 21px;
}
.CustomTabStyleNoOptions .ajax__tab_inner
{
    padding-left: 3px;
    background: url('./Images/master/tab-left.gif') no-repeat;
}
.CustomTabStyleNoOptions .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url('./Images/master/tab.gif') repeat-x;
}
.CustomTabStyleNoOptions .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-right.gif') no-repeat right;
}
.CustomTabStyleNoOptions .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url('./Images/master/tab-hover-left.gif') no-repeat;
}
.CustomTabStyleNoOptions .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url('./Images/master/tab-hover.gif') repeat-x;
}
.CustomTabStyleNoOptions .ajax__tab_active .ajax__tab_outer
{
    background: url('./Images/master/tab-active-right.gif') no-repeat right;
}
.CustomTabStyleNoOptions .ajax__tab_active .ajax__tab_inner
{
    background: url('./Images/master/tab-active-left.gif') no-repeat;
}
.CustomTabStyleNoOptions .ajax__tab_active .ajax__tab_tab
{
    background: url('./Images/master/tab-active.gif') repeat-x;
}
.CustomTabStyleNoOptions .ajax__tab_disabled
{
    color: #A0A0A0;
}
.CustomTabStyleNoOptions .ajax__tab_body
{
    border-top: 0;
    padding: 3px;
    background-color: #FFFFFF;
}

/* Section for background in menu controls section */
.PanelEditingActions
{
    background-image: url('./Images/master/BkAction.png');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E3E3E3;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 11px;
    color: #464646;
    text-align: center; /*height:60px;*/
    margin: 0 auto;
}

/* Style for control web */
.ControlEditingNoPadding, .ControlEditNoP {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 23px;
    vertical-align: middle;
}

.ControlLabel
{
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 23px;
    vertical-align: middle;
    text-align: right;
}

    .ControlLabel.Unit {
        text-align: left;
    }

.ControlEditing
{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 23px;
    vertical-align: middle;
}

.ControlEditingCheckBox
{
    padding-left: 16px;
    padding-top: 2px;
    padding-bottom: 3px;
    height: 23px;
    vertical-align: middle;
}

/* Style for control web */
.ControlZone
{
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}


.ControlSuccessSection {
    padding-left: 20px;
    font-size: 11px;
    text-decoration: none;
}
/* Style for error section below control */
.ControlErrorSection {
    padding-left: 20px;
    font-size: 11px;
    color: Red;
    text-decoration: none;
}

/* Style for error section below control in the menu section*/
.ControlErrorSectionMenu
{
    padding-right: 20px;
    font-size: 11px;
    color: Red;
    text-decoration: none;
}

/* Style for star validator */
.ControlStarError
{
    padding-left: 10px;
    font-size: 11px;
    color: Red;
    text-decoration: none;
}
/* Style for star validator with (1px)padding */
.ControlStarError1
{
    padding-left: 1px;
    font-size: 10px;
    color: Red;
    text-decoration: none;
}
/* Style for star validator with (3px)padding */
.ControlStarError3
{
    padding-left: 3px;
    font-size: 11px;
    color: Red;
    text-decoration: none;
}

/* Style for empty line */
.ControlEmpty
{
    height: 20px;
}

/* Style for control title*/
.ControlSectionTitle
{
    font-weight: bold;
    color: White;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/BkTitle.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 20px;
    height: 25px;
}

/* Style for map toolbox title*/
.MapToolBoxTitle
{
    font-weight: bold;
    color: White;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/BkTitleMap.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 20px;
    height: 25px;
}

/* Style for background action section */
.ControlActionSection
{
    background-image: url('./Images/master/BkAction.png');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E3E3E3;
    text-align: left;
    vertical-align: middle;
    border-color: Silver;
    border-width: 1px;
    border-style: none;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 49px;
}

/* Style for background action section */
.ControlActionSpecialTabSection
{
    background-image: url('./Images/master/BkTab1Options.png');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E3E3E3;
    text-align: left;
    vertical-align: middle;
    border-color: Silver;
    border-width: 1px;
    border-style: none;
    padding: 2px 10px;
    height: 49px;
}


/* Style for Sub menu in control section*/
.ControlSubSubSectionTitle
{
    font-size: 12px;
    font-weight: Bold;
    color: #407C1B;
    vertical-align: middle;
    text-decoration: none;
    background-image: url('./Images/master/BkSubReGroupTitle.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 21px;
}

/* Style for Sub menu in control section*/
.ControlSubSectionTitle
{
    font-size: 12px;
    font-weight: Bold;
    color: #5BA71F;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/BkSubTitle.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 23px;
}

/* Background style for 1 options section */
.Control1OptionSection
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/Bk1Option.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 1px;
    padding-bottom: 0;
    height: 35px;
    font-size: 12px;
}

/* Background style for 2 options section */
.Control2OptionSection
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/Bk2Options.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 1px;
    padding-bottom: 0;
    height: 58px;
    font-size: 12px;
}

/* Background style for 3 options section */
.Control3OptionSection
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/Bk3Options.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 1px;
    padding-bottom: 0;
    height: 82px;
    font-size: 12px;
}

/* Background style for 2 options section without shadow*/
.Control2OptionSectionNoShadow
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/BkTab2Options.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 1px;
    padding-bottom: 0;
    height: 82px;
    font-size: 12px;
}

/* Background style for 4 options section */
.Control4OptionSection
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/Bk4Options.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 110px;
    font-size: 12px;
}

/* Background style for 5 options section */
.Control5OptionSection
{
    color: #464646;
    font-weight: normal;
    vertical-align: middle;
    background-color: Transparent;
    text-decoration: none;
    background-image: url('./Images/master/Bk1Option.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    height: 35px;
    font-size: 12px;
}

/* Style for control in options section */
.OptionControl
{
    font-size: 11px;
    font-weight: normal;
    color: #464646;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
}
.OptionControl[disabled]
{
    color: #A0A0A0;
}

.OptionControlNoPadding
{
    font-size: 11px;
    font-weight: normal;
    color: #464646;
    text-decoration: none;
}
.OptionControlNoPadding[disabled]
{
    color: #A0A0A0;
}

/* Style for control in options section without padding right */
.OptionControl1
{
    font-size: 11px;
    font-weight: normal;
    color: #464646;
    text-decoration: none;
    padding-left: 20px;
}
/* Style for control in options section */
.NoteControl
{
    font-size: 9px;
    font-weight: normal;
    color: #464646;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

/* Style for action button */
.ActionControl
{
    padding-right: 10px;
    padding-left: 1px;
}
tr>.ActionControl:last-child {
    padding-right: 0;
}

/* Button Add/Remove used to transfert items from one textbox to another */
.BtnAddRemove
{
    width: 40px;
    color: #699d39;
    font-weight: bolder;
    background-color: #add38f;
}
.BtnUpDownCustomer
{
    padding: 40px 0;
    margin: 0!important;
}

/* Button Up/Down used to increase and decrease numeric number */
.BtnNumericUpDown {
    width: 30px;
    height: 20px;
    color: #699d39;
    font-weight: bolder;
    background-color: #add38f;
    text-align: center;
}

/* Button background style */
.BtnBackground
{
    color: #699d39;
    font-weight: bolder;
    background-color: #add38f;
    text-align: center;
}

/* TextBox readOnly style*/
.TxtReadOnly
{
    color: #464646;
    border: 1px Gray solid ;
    border-radius: 1px;
    background-color: Transparent;
}

/* TextBox readOnly style*/
.TxtReadOnly:disabled
{
    color: DarkGray;
    border-color: DarkGray;
}

/* style for a active imagebutton */
.ImageButtonStyle
{
    cursor: pointer;
}

/* style for a disabled imagebutton */
.ImageButtonStyle[disabled]
{
    cursor: default;
}

/* Style used for Wait message control */
.WaitMessageBkg
{
    background-image: url('./Images/master/Progress.png');
    background-repeat: repeat-x;
    background-position: top;
    display: table;
    vertical-align: middle;
    position: absolute;
    padding: 10px 10px 10px 10px;
    height: 30px;
}

/* Style for cell background in message control*/
.WaitMessageCell
{
    display: table-cell;
    height: 25px;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    background-color: #DFDFDF;
}

/* Style for control in wait message */
.WaitControl
{
    vertical-align: middle;
    font-size: 11px;
    color: #464646;
    font-weight: bold;
    height: 25px;
}

/* ******************* Style for legend control ******************* */
/* Legend title */
.LegendTitle
{
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: White;
    width: 20px;
    height: 500px; /* background-image:url('./Images/master/BktitleMap.png'); */
    background-repeat: repeat;
    background-position: left top;
    background-color: #636e72;
    vertical-align: top;
    padding-left: 1px;
    padding-top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
}

/* Splitter style used between each section (Vertical) */
.LegendSplitVSection
{
    border-bottom-style: dotted;
    border-bottom-width: thin;
    height: 5px;
    padding-bottom: 3px;
}

/* Splitter style used between each section (Horizontal) */
.LegendSplitHSection
{
    border-left-style: dotted;
    border-left-width: thin;
    width: 5px;
}

/* Splitter style used between each section (Vertical) */
.LegendSection
{
    /* background-color:White; */
    background-image: url('./Images/master/BkMain.gif');
    background-repeat: repeat-x;
    background-position: top;
    height: 712px;
    vertical-align: top;
    overflow: auto;
}

/* Style used for a hidden section */
.LegendSectionHide
{
    width: 0;
    display: none;
}

/* Style for title section */
.LegendSectionTitle
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: Black;
    vertical-align: top;
    padding-left: 3px;
    padding-top: 5px;
}

/* Style for image section */
.LegendInfoImage
{
    width: 10px;
    height: 10px;
    vertical-align: top;
    padding-left: 3px;
    padding-top: 1px;
}

/* Style for description section */
.LegendInfoDescription
{
    font-size: 10px;
    text-decoration: none;
    padding-left: 3px;
    padding-top: 1px;
}

/* Style for Sub sub menu in control section*/
.ControlSubSubSectionTitle
{
    vertical-align: middle;
    font-size: 12px;
    font-weight: Bold;
    color: #5BA71F;
    text-decoration: none;
}

.TreeViewElement A, .TreeViewElement A:Visited
{
    background-color: Transparent;
    color: #464646;
    text-align: left;
    font-size: 12px;
}

.TreeViewElement A:Hover
{
    background-color: Transparent;
    color: #7BB72B;
    text-decoration: underline overline;
    text-align: left;
    font-size: 12px;
}

select
{
    color: #464646;
}
input
{
    color: #464646;
}
select:disabled
{
    border: solid 1px silver;
    background-color: #F9F9F9;
    color: #A0A0A0;
}
input:disabled
{
    color: #A0A0A0;
}
input:disabled + label
{
    color: #A0A0A0;
}
input[type=image]:disabled
{
    cursor: default;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-filter: grayscale(1); /* Chrome 19+ & Safari 6+ */
    filter: gray; /* IE6-9 */
    opacity: 0.6;
}
input[type=radio] {
    margin-top:-1px;
}
span input[type=checkbox] {
    float:left;
    padding-top:3px;
}
span input[type=checkbox] + label{
    float:left;
    padding-top:3px;
}
span.indent input[type=checkbox] {
    margin-left: 20px;
}
span.noFloatL input[type=checkbox] {
    float:none;
}
span.floatR input[type=checkbox] {
    float: right;
    padding-top: 3px;
}
img[disabled]
{
    cursor: default;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-filter: grayscale(1); /* Chrome 19+ & Safari 6+ */
    filter: gray; /* IE6-9 */
    opacity: 0.6;
}

label[disabled]
{
    color: #A0A0A0;
}

div[disabled]
{
    color: #A0A0A0;
}

span[disabled]
{
    color: #A0A0A0;
}

.coord td 
{
    border: 1px solid transparent;
}

.ControlPanel .chzn-select + .chosen-container {
    width: 100% !important;
}

/* ******************* Style for legend control ******************* */
.timePicker, .datePicker, .datePickerWait, .dateTimePicker {
    width: 18px;
    height: 18px;
    color: transparent;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    background-color: transparent;
}

.timePicker:disabled, .datePicker:disabled, .datePickerWait:disabled, .dateTimePicker:disabled {
    color: transparent;
    opacity: 0.5;
}

.timePicker::-moz-selection, .datePicker::-moz-selection, .datePickerWait::-moz-selection, .dateTimePicker::-moz-selection {
    color: transparent;
    background: transparent;
}

.timePicker::selection, .datePicker::selection, .datePicker::selection, .dateTimePicker::selection {
    color: transparent;
    background: transparent;
}

.timePicker {
    background-image: url("./Images/Calendar/clock.png");
}

.datePicker, .datePickerWait {
    background-image: url("./Images/Calendar/calendar.png");
}

.dateTimePicker {
    background-image: url("./Images/Calendar/calendar_clock.png");
}

.AnyTime-pkr .AnyTime-hdr {
    background-color: transparent;
    background-image: url(./Images/master/BkTitle.png);
    background-repeat: repeat-x;
    background-position: top;
    color: white;
    font-weight: bold;
}

.AnyTime-pkr .AnyTime-cur-btn {
    background-color: #6AB62F;
}

.AnyTime-pkr th.AnyTime-dow {
     background-color: #AECC96;
}

.AnyTime-win {
     border-color: #AECC96;
}