.x-ie7 .x-btn-disabled .x-btn-icon,
 .x-ie8 .x-btn-disabled .x-btn-icon,
 .x-ie9 .x-btn-disabled .x-btn-icon {
     filter: none;
 }
.alignCenter{
    text-align: center;
}
.icon-16x16 {
    width:16px;
    height:16px;
    display:inline-block;
    vertical-align:middle;
}
.icon-28x16 {
    width:28px;
    height:16px;
    display:inline-block;
    vertical-align:middle;
}
.icon-9x9 {
    width:9px;
    height:9px;
    display:inline-block;
    vertical-align:middle;
}
.employee-name {
    vertical-align:middle;
    margin-left: 5px;
}
.expandable{
    margin-left: 30px;
}
.comment-change-column {
    cursor: hand;
    color: #808080;
}
.comment-empty-column {
    cursor: hand;
    font-style: italic;
    color: #808080;
}
.column-value {
    vertical-align:middle;
    margin-left: 5px;
}
.column-value-left {
    vertical-align:middle;
    margin-right: 5px;
}
.column-center{
    text-align: center;
}
.column-value-link{
    cursor: pointer;
    padding-left: 5px;
}
.column-padding-left-20 {
    padding-left: 20px;
}
.column-padding-left-15 {
    padding-left: 15px;
}
.column-padding-left-10 {
    padding-left: 10px;
}

.x-column-header-sort-DESC .x-column-header-text {
    padding-right: 13px !important;
}

.grid-cell-text-after-icon {
    vertical-align:middle;
    margin-left: 5px;
}
.grid-action-column {
    vertical-align:middle;
}
.grid-action-column-icon {
    height: 22px;
}
.grid-cell-link {
    color:#15428B;
    text-decoration: none;
}
.grid-cell-link .icon-custorder,
.grid-cell-link .icon-customer{
    margin: 0 3px 0 0;
}
.grid-cell-link .icon-custorder.expandable{
    margin-left: 30px;
}
.left-padding {
    padding: 0px 0px 0px 20px;
}
.grid-cell-with-navigation {
    color:#15428B;;
    cursor:pointer;
}
.clickable-icon, .x-action-col-icon {
    cursor:pointer;
}
.clickable-text {
    cursor:pointer;
}
.bullet_green{
    background-image: url("../images/bullet_green.png") !important;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}
.bullet_grey{
    background-image: url("../images/bullet_grey.png");
    background-repeat: no-repeat;
    background: url("../images/bullet_grey.png") !important;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;

}
.bullet_red{
    background-image: url("../images/bullet_red.png") !important;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 16px;
    height: 16px;

}
.bullet_yellow{
    background-image: url("../images/silkicons/bullet_yellow.png") !important;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;

}

.icon-business-opportunity {
    background-image: url("../Images/businessopportunity.png") !important;
    background-repeat: no-repeat;
}
.icon-create-business-opportunity {
    background-image: url("../Images/create_businessopportunity.png") !important;
    background-repeat: no-repeat;
}
.icon-company {
    background-image: url("../images/organisation.png") !important;
    background-repeat: no-repeat;
}
.icon-customer {
    background-image: url("../images/customer.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder {
    background-image: url("../images/custorder.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder-template {
    background-image: url("../images/custordertemplate.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder-type {
    background-image: url("../images/custordertype.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder-portal {
    background-image: url("../images/custorder_portal.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder-access {
    background-image: url("../images/custorder_access.png") !important;
    background-repeat: no-repeat;
}
.icon-custorder-close {
    background-image: url("../images/custorder_close.png") !important;
    background-repeat: no-repeat;
}
.icon-industry {
	background-image: url("../Images/industry.png") !important;
	background-repeat: no-repeat;
}
.icon-confirmation-email {
    background-image: url("../images/confirmation_email.png") !important;
    background-repeat: no-repeat;
}
.icon-absence {
    background-image: url("../images/absence.png") !important;
    background-repeat: no-repeat;
}
.icon-service {
    background-image: url("../images/service.png") !important;
    background-repeat: no-repeat;
}
.icon-region {
    background-image: url("../images/globe-earth.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-calendar {
    background-image: url("../images/employee-calendar.png") !important;
    background-repeat: no-repeat;
}
.icon-small-cross {
    background-image: url("../images/small-cross.png") !important;
    background-repeat: no-repeat;
}
.icon-user {
    background-image: url("../images/user.png") !important;
    background-repeat: no-repeat;
}
.icon-email-remove {
    background-image: url("../images/email_remove.png") !important;
    background-repeat: no-repeat;
}
.icon-employee {
    background-image: url("../images/employee.png") !important;
    background-repeat: no-repeat;
}
.icon-unmanned {
    background-image: url("../images/unmanned.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-add {
    background-image: url("../images/employee-add.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-delete {
    background-image: url("../images/employee-delete.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-phone {
    background-image: url("../images/employee_phone.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-prohibit {
    background-image: url("../images/employee-prohibit.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-lock {
    background-image: url("../images/employee_lock.png") !important;
    background-repeat: no-repeat;
}
.icon-inactivity {
    background-image: url("../images/inactivity.png") !important;
    background-repeat: no-repeat;
}
.icon-exclamationmark {
    background-image: url("../images/exclamationmark.png") !important;
    background-repeat: no-repeat;
}
.icon-gday {
    background-image: url("../images/gday.png") !important;
    background-repeat: no-repeat;
}
.icon-warning {
    background-image: url("../images/warning.png") !important;
    background-repeat: no-repeat;
}
.icon-portal-email {
    background-image: url("../images/portal-email.png") !important;
    background-repeat: no-repeat;
}
.icon-portal-access {
    background-image: url("../images/portal_access.png") !important;
    background-repeat: no-repeat;
}
.icon-portal-no-access {
    background-image: url("../images/portal_no_access.png") !important;
    background-repeat: no-repeat;
}
.icon-custcontact {
    background-image: url("../images/custcontact.png") !important;
    background-repeat: no-repeat;
}
.icon-add-custcontact {
    background-image: url("../images/add_custcontact.png") !important;
    background-repeat: no-repeat;
}
.icon-activity {
    background-image: url("../images/activity.png") !important;
    background-repeat: no-repeat;
}
.icon-activity-warning {
    background-image: url("../images/activity_warning.png") !important;
    background-repeat: no-repeat;
}
.icon-past-activity-warning {
    background-image: url("../images/shared/icon-warning_16x16.png") !important;
    background-repeat: no-repeat;
}
.icon-appointment {
    background-image: url("../images/appointment.png") !important;
    background-repeat: no-repeat;
}
.icon-appointment-warning {
    background-image: url("../images/appointment_warning.png") !important;
    background-repeat: no-repeat;
}
.no-image-trigger {
    background-image: url("../images/trigger-tpl-gray.gif") !important;
}
.customer-trigger {
    background-image: url("../images/customer-trigger-gray.gif") !important;
}
.custcontact-trigger {
    background-image: url("../images/custcontact-trigger-gray.gif") !important;
}
.company-trigger{
    background-image: url("../images/company-trigger-gray.gif") !important;
}
.employee-trigger{
    background-image: url("../images/employee-trigger-gray.gif") !important;
}
.department-trigger{
    background-image: url("../images/department-trigger-gray.gif") !important;
}
.employment-status-trigger{
    background-image: url("../images/employment-status-trigger-gray.gif") !important;
}
.service-trigger{
    background-image: url("../images/service-trigger-gray.gif") !important;
}
.region-trigger{
    background-image: url("../images/region-trigger-gray-world.png");
}
.contact-trigger{
    background-image: url("../images/contact-trigger-gray.gif") !important;
}
.contact-role-trigger{
    background-image: url("../images/contact-role-trigger-gray.gif") !important;
}
.cust-order-trigger{
    background-image: url("../Images/custorder-trigger-gray.gif") !important;
}
.cust-order-type-trigger{
    background-image: url("../Images/custordertype-trigger-gray.gif") !important;
}
.industry-trigger-gray{
	background-image: url("../Images/industry-trigger-gray.gif") !important;
}
.industry-trigger{
	background-image: url("../Images/industry-trigger.gif") !important;
}
.user-trigger{
    background-image: url("../images/user-trigger-gray.gif") !important;
}
.icon-intelliplan {
    background-image: url("../images/intelliplan.png") !important;
    background-repeat: no-repeat;
}
.icon-managementstudio {
    background-image: url("../images/managementstudio.png") !important;
    background-repeat: no-repeat;
}
.icon-employee-signed {
    background-image: url("../images/employee_signed.png") !important;
    background-repeat: no-repeat;
}
.icon-timereporting-clock {
    background-image: url("../images/timereporting_clock.png") !important;
    background-repeat: no-repeat;
}
.icon-yellow-exclamation {
    background-image: url("../images/yellow_exclamation.png") !important;
    background-repeat: no-repeat;
}
.invalid-color {
    color: #CC3300;
}
.minimize {
    background-image: url("../images/minimize.png") !important;
    background-repeat: no-repeat;
}
.maximize {
    background-image: url("../images/maximize.png") !important;
    background-repeat: no-repeat;
}
.dialog-header {
    font-size: 12px;
    font-weight: bold;
    color: #1542AA;
    margin-top: 5px;
}
.link-style {
    font-weight: bold;
    color:#1542AA;
    text-decoration: underline;
}
.group-header-style {
    font-size:12px;
    font-weight: bold;
    color: #0066cc;
}
.default-row-editor-cell{
    font-size: 11px;
    font-family: arial,tahoma,helvetica,sans-serif;
    margin-top:2px;
}
.centered-row-editor-cell {
    text-align: center;
}
.row-editor-checkbox {
    margin-top: 2px;
    vertical-align: top !important;
}
.frame-nested-panel {
    border: 1px solid #99BBE8 !important;
    background-color: White !important;
}
.panel-body-transparent {
    background:transparent;
}
.panel-body-gray {
    background-color: #F1F1F1;
}
.panel-body-white {
    background-color: white;
}
.avilability-background {
    background-color: #ffffff !important;
    border: 0px !important;
    padding: 0px;
}
.unavailable {
    background: none repeat scroll 0 0 #D1D1D1 !important;
    border: 0 none !important;
}
.italic-text {
    font-style: italic;
}
.expand_button{
    background-image: url("../images/expandable_collapsed.png") !important;
    background-repeat: no-repeat;
}
.expand_button.expanded{
    background-image: url("../images/expandable_expanded.png") !important;
}
.x-mark-red {
    background-image: url("../images/small-cross.png") !important;
    background-repeat: no-repeat;
}

/* Apply class "x-toolbar-standardbutton" to buttons on a toolbar
 * to make them appear with "normal" button styling, instead of toolbar button styling */
.x-toolbar .x-toolbar-standardbutton .x-btn-tl { background-position: 0 0; }
.x-toolbar .x-toolbar-standardbutton .x-btn-tr { background-position: -3px 0; }
.x-toolbar .x-toolbar-standardbutton .x-btn-tc { background-position: 0 -6px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-ml { background-position: 0px -24px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-mr { background-position: -3px -24px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-mc { background-position: 0 -1096px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-bl { background-position: 0 -3px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-br { background-position: -3px -3px; }
.x-toolbar .x-toolbar-standardbutton .x-btn-bc { background-position: 0 -15px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tl{ background-position: -6px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tr { background-position: -9px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-tc { background-position: 0 -9px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-ml { background-position: -6px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-mr { background-position: -9px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-mc { background-position: 0 -2168px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-bl { background-position: -6px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-br { background-position: -9px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-over .x-btn-bc { background-position: 0 -18px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tl,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tl,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tl { background-position: -12px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tr,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tr,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tr { background-position: -15px 0; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-tc,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-tc,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-tc { background-position: 0 -12px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-ml,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-ml,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-ml { background-position: -12px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-mr,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-mr,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-mr { background-position: -15px -24px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-mc,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-mc,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-mc { background-position: 0 -3240px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-bl,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-bl,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-bl { background-position: -12px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-br,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-br,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-br { background-position: -15px -3px; }
.x-toolbar .x-toolbar-standardbutton.x-btn-click .x-btn-bc,
.x-toolbar .x-toolbar-standardbutton.x-btn-menu-active .x-btn-bc,
.x-toolbar .x-toolbar-standardbutton.x-btn-pressed .x-btn-bc { background-position: 0 -21px; }

/* Base toolbar window */
.x-toolbar.x-toolbar-footer.base-toolbar-window {
    background-color: #E8E8E8;
    margin-top: 0;
    padding-top: 4px;
    padding-bottom: 5px;
    /*border-top: 1px solid #CACACA !important;*/
}

/*Customisations*/
/*Fix clicking area for checkboxes such that the whole checkbox area is used*/
.x-grid-cell-special .x-grid-cell-inner{
    height: 23px;
    padding: 0;
}
.x-grid-row-checker,
.x-grid-row-selected .x-grid-row-checker,
.x-grid-row-checked .x-grid-row-checker{
    /*background: none repeat scroll transparent 36% 25%;*/
    background-position: 36% 25%;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 15000;
}

.x-grid-row-checker, .x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker {
    background-position: 40% 48%;
}
.hideHtmlEditorToolbar .x-html-editor-wrap .x-toolbar { /* Fix to hide htmlEditor toolbar */
    display: none;
}
table.hideHtmlEditorToolbar { /* Fix to prevent right border from disappearing */
    border-collapse: separate;
}
/******** Tree picker ********/
.x-grid-row .unselectable{
    color: #999;

}
/******** END Tree picker ********/

/******** ComboBox to be able to show empty string ********/
.x-boundlist-item {
    -moz-user-select: -moz-none;
    border-color: white;
    border-style: dotted;
    border-width: 1px;
    cursor: pointer;
    min-height: 16px;
    padding: 2px;
    position: relative;
}
/******** END Tree picker ********/

.x-livesearch-match {
    font-weight: bold;
    background-color: yellow;
}

/******** Grid Column Types *******/

.x-grid-cell.number {
    padding-right: 10px;
}

/******** END Grid Column Types *******/

/******** form-grid *******/
.form-grid .x-grid-cell {
    border-width: 0px;
    background-color: #ffffff !important;
}

.form-grid .x-panel .x-grid-body {
    border-width: 0px;
}

.form-grid .x-panel-body-default {
    border-width: 0px;
}

.form-grid .x-grid-cell-inner {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-grid .x-grid-row-alt {
    background-color: white;
}

.form-grid-editor {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-grid-textbox .x-grid-cell-inner{
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #BFB8B8 !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.x-grid-row.hideRowLine .x-grid-cell{
    border-top: 0px solid #000000;
    border-bottom: 0px solid #000000;
}

.x-grid-row.showRowLine .x-grid-cell{
    border-top: 1px solid #878787;
    border-bottom: 0px solid #000000;
}

/******** form-grid *******/

.nowrapimagebtn.x-btn-icon-text-left .x-btn-icon-el {
    background-position: left center;
    float: left;
    width: 16px;
}

.nowrapimagebtn.x-btn-default-small-icon-text-left .x-btn-inner {
    float: right;
    height: 16px;
    line-height: 16px;
    padding-left: 7px;
}

.x-mask-msg div.x-mask-msg-text {
    background: none;
    border: 0;
    cursor: none;
    padding: 0;
}