.readOnlyClass
{
    background-color: #ddd;
    background-image: none;
    /* This is here because ExtJS has this CSS that makes a disabled control slightly transparent.
       .x-item-disabled .x-form-item-label,.x-item-disabled .x-form-field,.x-item-disabled .x-form-cb-label,.x-item-disabled 
       .x-form-trigger { filter: alpha(opacity=30); opacity: .3                             
                       }                             
    */
    opacity: 1 !important; 
}

/* Addresses issue #3269. This ensures when we set a field to disabled 
   AND it has a label to it's LEFT it will also be opaque. 
   (Just like what the above css class does)
*/ 
.x-form-item-label-left
{
    opacity: 1 !important;
}

.allowBlankClass
{
    border-color: #CC3300;
}
/*This class belong to old data entry*/
.x-field-annotation-icon
{
    width: 14px;
    height: 19px;
    background: url("../../Images/dataentry/note.png") 0 0 no-repeat;
}
/*This class belong to old data entry*/
.x-field-status-blank-icon
{
    width: 14px;
    height: 19px;
    background: transparent url("../../Images/dataentry/blank.png") 0 0 no-repeat;
}
/*This class belong to old data entry*/
.x-field-status-filled-icon
{
    width: 14px;
    height: 19px;
    background: transparent url("../../Images/dataentry/accept.png") 0 0 no-repeat;
}
/*This class belong to old data entry*/
.x-field-status-nd-icon
{
    width: 14px;
    height: 19px;
    background: transparent url("../../Images/dataentry/not_documented.png") 0 0 no-repeat;
}
/*This class belong to old data entry*/
.x-field-status-na-icon
{
    width: 14px;
    height: 19px;
    background: transparent url("../../Images/dataentry/not_available.png") 0 0 no-repeat;
}

.lancet-blank
{
    /* blank use color black #000000      border-color: #000000 !important;      background-color:  #000ddd !important; */
}
.lancet-filled
{
    /* filled use color yellowgreen #9ACD32      border-color: #9ACD32 !important;      background-color: #9ACD32 !important;*/
}

.lancet-nd
{
    background-color: #FFC0CB !important;
    background-image: none;
}

.lancet-na
{
    background-color: #F0E68C !important;
    background-image: none;
}

/* For annotation and trigger is removed */
.lancet-no-trigger-no-annotation-no-loading
{
    padding-left: 0px !important;
}


/*When only trigger is requird*/
.lancet-trigger
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png');
    background-repeat: no-repeat, repeat-y;
    background-position: left top, top left;
    padding-left: 8px !important;
}

.lancet-loading
{
    background-image: url('../../Images/dataentry/load.gif');
    background-position: right;
    background-repeat: no-repeat;
}


/*When only annotation is requird*/
.lancet-annotation
{
    /*background-repeat:no-repeat;*/
    background-position: left bottom, top left;
    background-image: url("../../Images/dataentry/annotation.png"),url('../../Images/dataentry/inputBand.png');
    background-repeat: no-repeat,repeat-y;
    padding-left: 8px !important;
}

/*When both trigger and annotation is requird*/
.lancet-trigger-annotation
{
    background-position: left top,left top,left bottom;
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url("../../Images/dataentry/annotation.png");
    background-repeat: no-repeat,repeat-y,no-repeat;
    padding-left: 8px !important;
}

.lancet-trigger-loading
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat, repeat-y, no-repeat;
    background-position: left top, top left, right;
    padding-left: 8px !important;
}

.lancet-annotation-loading
{
    /*background-repeat:no-repeat;*/
    background-image: url("../../Images/dataentry/annotation.png"),url('../../Images/dataentry/inputBand.png'), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat,repeat-y, no-repeat;
    background-position: left bottom,left top, right;
    padding-left: 8px !important;
}

.lancet-trigger-annotation-loading
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url("../../Images/dataentry/annotation.png"), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat,repeat-y,no-repeat, no-repeat;
    background-position: left top,left top,left bottom, right;
    padding-left: 8px !important;
}
.lancet-trigger-grid
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png');
    background-repeat: no-repeat, repeat-y;
    background-position: left top, top left;
    padding-left: 2px !important;
}

.lancet-loading-grid
{
    background-image: url('../../Images/dataentry/load.gif');
    background-position: right;
    background-repeat: no-repeat;
}


/*When only annotation is requird*/
.lancet-annotation-grid
{
    /*background-repeat:no-repeat;*/
    background-position: left bottom, top left;
    background-image: url("../../Images/dataentry/annotation.png"),url('../../Images/dataentry/inputBand.png');
    background-repeat: no-repeat,repeat-y;
    padding-left: 2px !important;
}

/*When both trigger and annotation is requird*/
.lancet-trigger-annotation-grid
{
    background-position: left top,left top,left bottom;
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url("../../Images/dataentry/annotation.png");
    background-repeat: no-repeat,repeat-y,no-repeat;
    padding-left: 2px !important;
}

.lancet-trigger-loading-grid
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat, repeat-y, no-repeat;
    background-position: left top, top left, right;
    padding-left: 2px !important;
}

.lancet-annotation-loading-grid
{
    /*background-repeat:no-repeat;*/
    background-image: url("../../Images/dataentry/annotation.png"),url('../../Images/dataentry/inputBand.png'), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat,repeat-y, no-repeat;
    background-position: left bottom,left top, right;
    padding-left: 2px !important;
}

.lancet-trigger-annotation-loading-grid
{
    background-image: url('../../Images/dataentry/picklist.png'), url('../../Images/dataentry/inputBand.png'), url("../../Images/dataentry/annotation.png"), url('../../Images/dataentry/load.gif');
    background-repeat: no-repeat,repeat-y,no-repeat, no-repeat;
    background-position: left top,left top,left bottom, right;
    padding-left: 2px !important;
}


/* When annotation is removed */
.lancet-no-annotation
{
}

/* when number field has readonly set to true it changes the cursor from normal to pointer */
.x-trigger-noedit
{
    cursor: default !important;
}

/* Spacing between label and textfield was 5px which was very big now changed to 1 px*/
.x-form-item-label-top
{
    padding: 0 0 1px !important;
}


.padding-img
{
    width: 18px;
    height: 0px;
}

x-grid-row-last
{
    background-image: none !important;
}

.lan-grid-cell-upper
{
    text-transform: uppercase;
}

/* Remove the padding from the dataentry grid cell for all columns */
/*padding: 2px 6px 3px; [default VALUE]
.x-grid-cell-inner {
    padding: 2px 4px 3px !important; 
}

.x-form-text, textarea.x-form-field {
padding: 1px 3px;
background: repeat-x 0 0;
border: 1px solid;
background-color: white;
background-image: url('../../resources/themes/images/default/form/text-bg.gif');
border-color: #b5b8c8;

*/

.control-padding-class
{
    padding: 1px 1px;
}

/*.x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div */
.row-selected .x-grid-cell, .row-selected .x-grid-rowwrap-div
{
    border-style: dotted !important;
    border-color: none !important;
    background-color: none !important; /*border-style: solid !important;       background-color: #accff8 !important;       color : #fff;        opacity:0.0;       filter:alpha(opacity=0); */ /* For IE8 and earlier */
}

/*This is to ensure editor fields for date don't pad the content
so that the full date (and even time) is visible just like it is in view mode */
.x-grid-editor .x-form-text {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
}
/* 
this class is meant to be used for toying and/or testing
NOT TO BE USED IN PRODUCTION 
*/
.lancet-test-class
{
    background-color: Red;
}

.mark
{
    border-color: RED !important;
    border-width: 2px !important;
    border-style: solid;
}
.message
{
    border-color: BLUE !important;
    border-width: 2px !important;
    border-style: solid;
}
.errorMessage
{
    background-image: url('../../Images/dataentry/errorMessage.png') !important;
    background-repeat: no-repeat;
    background-position: 50% 3px;
}
.displayMessage
{
    background-image: url('../../Images/dataentry/displayMessage.png') !important;
    background-repeat: no-repeat;
    background-position: 50% 3px;
}
.grid-button
{
    text-decoration: underline !important;
    color: Blue !important;
}