/************************************** Special change for WFT Tabs ****************************************************/

.wft-tab-feature {
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

/**********************************************************************************************************************/

info /*******************Begin of mygwt-all.css*******************************************/
 /*
 * MyGWT Widget Library
 * Copyright(c) 2007
 * licensing@mygwt.net
 *
 * http://mygwt.net/license
 */
html, body, div, pre, form, fieldset, input, th, td {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

img, body, html, a {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

.tool-item-border {
    border-bottom: 1px solid #005281;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true) );
}

.left {
    float: left;
}

.c {
    text-align: center;
}

.right {
    float: right;
}

.marginRight5 {
    margin-right: 5px;
}

.marginLeft5 {
    margin-left: 5px;
}

.gwt-RadioButton, .gwt-CheckBox {
    white-space: nowrap;
}

.gwt-RadioButton label, .gwt-CheckBox label {
    margin-left: 2px;
    padding-bottom: 10px;
}

.crm-account-type td {
    text-align: left;
}

iframe {
    border: none;
}

.my-item-disabled {
    color: #979494;
    cursor: default !important;
}

/*.my-component-disabled {*/
/*color: #979494;*/
/*cursor: default !important;*/
/*}*/

.my-no-selection {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-border {
    border: 1px solid #99BBE8;
}

.my-border-none {
    border: none;
}

.my-modal {
    overflow: auto;
    position: absolute;
    z-index: 10;
    background-color: black;
    filter: alpha(opacity = 10);
    opacity: .1;
    left: 0px;
    top: 0px;
}

.my-frame-panel {
    -moz-opacity: 0.0;
    opacity: .0;
    filter: alpha(opacity = 0);
}

.my-btn {
    font: normal 11px tahoma, verdana, helvetica;
    cursor: pointer;
    white-space: nowrap;
}

.my-btn button {
    border: 0 none;
    background: transparent;
    font: normal 11px tahoma, verdana, helvetica;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    width: auto;
    -moz-outline: 0 none;
    outline: 0 none;
}

* html .ext-ie .my-btn button {
    width: 1px;
}

.ext-gecko .my-btn button {
    padding-left: 0;
    padding-right: 0;
}

.ext-ie .my-btn button {
    padding-top: 2px;
}

.my-btn-bar {
    padding: 3px;
}

.my-btn-bar-left {
    padding-left: 3px;
    padding-right: 3px;
}

.my-btn-bar-right {
    padding-left: 3px;
    padding-right: 3px;
}

.my-icon-btn {
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.my-btn {
    height: 21px;
    cursor: pointer;
    width: 50px;
    color: black;
}

.my-btn-text {
    font-size: 12px;
    font: normal 11px tahoma, verdana, helvetica;
    white-space: nowrap;
}

.my-btn-l {
    height: 21px;
    background: url(images/default/button/btn-sprite.gif) no-repeat 0 0;
}

.my-btn-l div {
    width: 3px;
}

.my-btn-r {
    background: url(images/default/button/btn-sprite.gif) no-repeat 0 -21px;
}

.my-btn-r div {
    width: 3px;
}

.my-btn-ml, .my-btn-mr {
    background: url(images/default/button/btn-sprite.gif) repeat-x 0 -42px;
}

.my-btn-c {
    text-align: center;
    padding: 0 6px;
    width: 100%;
    background: url(images/default/button/btn-sprite.gif) repeat-x 0 -42px;
}

.my-btn-icon .my-btn-ml {
    padding-left: 2px;
    padding-top: 2px;
}

.my-btn-over .my-btn-l {
    background-position: 0 -63px;
}

.my-btn-over .my-btn-ml, .my-btn-over .my-btn-mr {
    background-position: 0 -105px;
}

.my-btn-over .my-btn-c {
    background-position: 0 -105px;
}

.my-btn-over .my-btn-r {
    background-position: 0 -84px;
}

.my-btn-down .my-btn-ml, .my-btn-down .my-btn-mr {
    background-position: 0 -126px;
}

.my-btn-down .my-btn-c {
    background-position: 0 -126px;
}

.my-btn-disabled {
    cursor: default;
}

.my-btn-disabled .my-btn-text {
    color: #707070;
}

.my-btn-disabled .my-btn-l {
    background-position: 0px -210px;
}

.my-btn-disabled .my-btn-ml, .my-btn-down .my-btn-mr {
    background-position: 0px -252px;
}

.my-btn-disabled .my-btn-c {
    background-position: 0px -252px;
}

.my-btn-disabled .my-btn-r {
    background-position: right -231px;
}

.my-color-palette {
    background-color: white;
    border: 2px solid #B8D7FF;
}

.my-color-palette div {
    background: url(images/default/palette/palette.gif);
    height: 18px;
    width: 18px;
}

.my-color-palette td.sel div {
    background: url(images/default/palette/palette-sel.gif);
}

.my-color-palette div span {
    display: block;
    position: relative;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    line-height: 1px;
    font-size: 1px;
}

.my-combo-list {
    border: 1px solid #6593cf;
    -moz-outline: none;
    -moz-user-focus: normal;
    padding: 1px;
    background-color: white;
    cursor: default;
}

.my-combo-list-item {
    margin: 4px;
}

.my-combo-list-item-sel {
    background-color: #DFE8F6;
    border: 1px dotted #9EB8ED;
}

.my-drag-proxy {

    border: 1px dashed #3b5a82;
    background-color: #EDEDED;
    filter: alpha(opacity = 50);
    opacity: .5;
    background-color: #c3daf9;
    z-index: 20000;
    overflow: hidden;
    position: absolute;
    left: 0;;
    top: 0;
}

.my-expand-bar {
    border: 1px solid #99BBE8;
    border-top: none;
}

.my-expand-item {
    cursor: default;
}

.my-expand-item-body {
    background-color: white;
}

.my-expand-item-hdr {
    height: 22px;
    width: 100%;
    background: transparent url(images/default/expandbar/expand-item-bg.gif) repeat-x;
    border-bottom: 1px solid #99BBE8;
}

.my-expand-item-hdr-ml div {
    width: 16px;
}

.my-expand-item-hdr-c {
    padding-left: 4px;

    width: 100%;
}

.my-expand-item-hdr-mr {
    padding-top: 2px;
}

.my-expand-item-noborder .my-expand-item-hdr {
    border-bottom: 1px solid #D9E7F8;
}

.my-expand-item-hdr-l div, .my-expand-item-hdr-r div {
    width: 5px;
}

.my-expand-item-hdr-text {
    color: #222222;
    font-weight: normal;
}

/* all fields */
.my-form-field {
    margin: 0 0 0 0;
    font: normal 12px tahoma, arial, helvetica, sans-serif;
}

/* ---- text fields ---- */
.my-form-text, textarea.my-form-field {
    padding: 1px 3px;
    background: #fff url(images/default/form/text-bg.gif) repeat-x 0 0;
    border: 1px solid #B5B8C8;
}

.my-form-text {
    height: 22px;
    line-height: 18px;
    vertical-align: middle;
}

.ext-ie .my-form-text {
    margin-top: -1px; /* ie bogus margin bug */
    height: 22px; /* ie quirks */
    line-height: 18px;
}

.ext-strict .my-form-text {
    height: 18px;
}

.ext-safari .my-form-text {
    height: 20px; /* safari always same size */
    padding: 0 3px; /* remove extra top/bottom padding */
}

.ext-gecko .my-form-text {
    padding-top: 2px; /* FF won't center the text vertically */
    padding-bottom: 0;
}

/* field focus style */
.my-form-focus, textarea.my-form-focus {
    border: 1px solid #7eadd9;
}

/* invalid fields */
.my-form-invalid, textarea.my-form-invalid {
    background: #fff url(images/default/form/invalid_line.gif) repeat-x bottom;
    border: 1px solid #dd7870;
}

.ext-safari .my-form-invalid {
    background-color: #ffeeee;
    border: 1px solid #ff7870;
}

.my-form-empty-field {
    color: gray;
}

.my-form-invalid-icon {
    background: transparent url(images/default/form/exclamation.gif) no-repeat scroll 0pt 2px;
    display: block;
    height: 18px;
    left: 0pt;
    position: absolute;
    top: 0pt;
    width: 16px;
}

/* wrapped fields and triggers */

.my-form-field-wrap {
    position: relative;
    zoom: 1;
    white-space: nowrap;
}

.my-editor .my-form-check-wrap {
    background: #fff;
}

.my-form-field-wrap .my-form-trigger {
    width: 17px;
    height: 21px;
    border: 0;
    background: transparent url(images/default/form/trigger.gif) no-repeat 0 0;
    cursor: pointer;
    border-bottom: 1px solid #B5B8C8;
    position: absolute;
    top: 0;
}

.ext-safari .my-form-field-wrap .my-form-trigger {
    height: 21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
}

.my-form-field-wrap .my-form-date-trigger {
    background-image: url(images/default/form/date-trigger.gif);
    cursor: pointer;
}

.my-form-field-wrap .my-form-clear-trigger {
    background-image: url(images/default/form/clear-trigger.gif);
    cursor: pointer;
}

.my-form-field-wrap .my-form-search-trigger {
    background-image: url(images/default/form/search-trigger.gif);
    cursor: pointer;
}

.ext-safari .my-form-field-wrap .my-form-trigger {
    right: 0;
}

.my-form-field-wrap .my-form-twin-triggers {

}

.my-form-field-wrap .my-form-twin-triggers .my-form-trigger {
    position: static;
    top: auto;
    vertical-align: top;
}

.my-form-field-wrap .my-form-trigger-over {
    background-position: -17px 0;
}

.my-form-field-wrap .my-form-trigger-click {
    background-position: -34px 0;
}

.my-trigger-wrap-focus .my-form-trigger {
    background-position: -51px 0;
}

.my-trigger-wrap-focus .my-form-trigger-over {
    background-position: -68px 0;
}

.my-trigger-wrap-focus .my-form-trigger-click {
    background-position: -85px 0;
}

.my-trigger-wrap-focus .my-form-trigger {
    border-bottom: 1px solid #7eadd9;
}

.my-item-disabled .my-form-trigger-over {
    background-position: 0 0 !important;
    border-bottom: 1px solid #B5B8C8;
}

.my-item-disabled .my-form-trigger-click {
    background-position: 0 0 !important;
    border-bottom: 1px solid #B5B8C8;
}

#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    border: 1px solid #ccc;
}

#loading a {
    color: #225588;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
}

#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

.icon-columns {
    background: url(images/default/icons/columns.gif) no-repeat;
}

.icon-sort-asc {
    background: url(images/default/icons/hmenu-asc.gif) no-repeat;
}

.icon-sort-desc {
    background: url(images/default/icons/hmenu-desc.gif) no-repeat;
}

.icon-group-sel {
    background: url(images/default/menu/group-checked.gif) no-repeat;
}

.icon-wait {
    background: url(images/default/icons/wait.gif) no-repeat;
}

.icon-done {
    background: url(images/default/icons/done.gif) no-repeat;
}

.icon-checked {
    background: url(images/default/menu/checked.gif) no-repeat;
}

.icon-notchecked {
    background: url(images/default/menu/unchecked.gif) no-repeat;
}

.page-first {
    background: url(images/default/icons/paging.gif) no-repeat 0px 0px;
}

.page-first-disabled {
    background: url(images/default/icons/paging.gif) no-repeat -16px 0px;
}

.page-last {
    background: url(images/default/icons/paging.gif) no-repeat 0px -48px;
}

.page-last-disabled {
    background: url(images/default/icons/paging.gif) no-repeat -16px -48px;
}

.page-next {
    background: url(images/default/icons/paging.gif) no-repeat 0px -32px;
}

.page-next-disabled {
    background: url(images/default/icons/paging.gif) no-repeat -16px -32px;
}

.page-prev {
    background: url(images/default/icons/paging.gif) no-repeat 0px -16px;
}

.page-prev-disabled {
    background: url(images/default/icons/paging.gif) no-repeat -16px -16px;
}

.my-info {
    background: url(images/default/info/info-bg.gif) no-repeat;
    cursor: default;
    z-index: 10000;
    position: absolute;
}

.my-info .my-info-title {
    font-weight: bold;
    font-size: 13px;
    padding: 6px 6px 0px 6px;
}

.my-info .my-info-text {
    color: #4C4C4C;
    font-size: 12px;
    padding: 0 6px;
    vertical-align: top;
}

.my-list {
    border: 1px solid #6593cf;
    background-color: white;
}

.my-list .my-list-inner {
    padding: 1px;
}

.my-list-flat .my-list-inner {
    padding: 0px;
}

.my-list-flat {
    border: 1px solid #6593cf;
    padding: 1px;
    background-color: white;
    cursor: default;
}

.my-listitem {
    cursor: pointer;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-list-flat .my-listitem {
    height: 19px;
    border: 1px solid white;
}

.my-list-flat .my-listitem-over {
    background-color: #F1F1F1;
    border: 1px dotted #B5B4B4;
}

.my-list-flat .my-listitem-sel {
    background-color: #DFE8F6;
    border: 1px dotted #9EB8ED;
}

.my-list-flat .my-listitem-over .my-listitem-l {
    background: none;
}

.my-list-flat .my-listitem-over .my-listitem-check, .my-list-flat .my-listitem-over .my-listitem-ml, .my-list-flat .my-listitem-over .my-listitem-c {
    background: none;
}

.my-list-flat .my-listitem-over .my-listitem-r {
    background: none;
}

.my-list-flat .my-listitem-sel .my-listitem-l {
    background: none;
}

.my-list-flat .my-listitem-sel .my-listitem-check, .my-list-flat .my-listitem-sel .my-listitem-ml, .my-list-flat .my-listitem-sel .my-listitem-c {
    background: none;
}

.my-list-flat .my-listitem-sel .my-listitem-r {
    background: none;
}

.my-listitem-text {
    font-size: 11px;
    padding-top: 3px;
    padding-left: 2px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    line-height: 19px;
}

.my-listitem-l div {
    width: 5px;
}

.my-listitem-ml {
    width: 18px;
}

.my-listitem-c {
    width: 100%;
}

.my-listitem-r div {
    width: 3px;
}

.my-listitem-over .my-listitem-l {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left -57px;
}

.my-listitem-over .my-listitem-check, .my-listitem-over .my-listitem-ml, .my-listitem-over .my-listitem-c {
    background: url(images/default/shared/select-19-bg.gif) repeat-x left -95px;
}

.my-listitem-over .my-listitem-r {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -76px;
}

.my-listitem-sel .my-listitem-l {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left 0px;
}

.my-listitem-sel .my-listitem-check, .my-listitem-sel .my-listitem-ml, .my-listitem-sel .my-listitem-c {
    background: url(images/default/shared/select-19-bg.gif) left -38px;
}

.my-listitem-sel .my-listitem-r {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -19px;
}

.my-mask {
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity = 20);
    background-color: #818185;
    cursor: wait;
}

.my-loading-panel {
    border: 1px solid #6593cf;
    background: #c3daf9 url(images/default/box/tb-blue.gif) repeat-x 0 -16px;
    z-index: 100001;
    position: absolute;
    padding: 2px;
    width: 75px;
}

.my-loading-panel span {
    padding: 5px 10px 5px 10px;
    background: white;
    border: 1px solid #a3bad9;
    display: block;
    z-index: 101000;
    color: #222;
    font-weight: bold;
    z-index: 11000;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    white-space: nowrap;
    overflow: visible;

}

.wft-mask {
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity = 20);
    background-color: #818185;
    cursor: wait;
}

.wft-loading-panel {
    border: 1px solid #6593cf;
    background: #c3daf9 url(images/default/box/tb-blue.gif) repeat-x 0 -16px;
    z-index: 100001;
    position: absolute;
    padding: 2px;
}

.wft-loading-panel span {
    padding: 5px 10px 5px 10px;
    background: white;
    border: 1px solid #a3bad9;
    display: block;
    z-index: 101000;
    color: #222;
    font-weight: bold;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    white-space: nowrap;
    overflow: visible;
}

.my-loading-panel {
    border: 1px solid #6593cf;
    background: #c3daf9;
    z-index: 100001;
    position: absolute;
    padding: 2px;
    width: 75px;
}

.my-status-panel span {
    padding: 5px 10px 5px 10px;
    background: #FFF1A8;
    z-index: 101000;
    color: black;
    font-weight: bold;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    white-space: nowrap;
    overflow: visible;

}

.status-panel-r-corner {
    background-image: url("images/stat-panel/right.png");
    height: 18px;
    width: 2px;

}

.status-panel-l-corner {
    background-image: url("images/stat-panel/left.png");
    height: 18px;
    width: 2px;
}

.my-status-panel div {
    z-index: 101000;
    color: black;
    font-weight: bold;
    z-index: 11000;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    white-space: nowrap;
    overflow: visible;

}

.my-menu {
    background: #F0F0F0 url(images/default/menu/menu.gif) repeat-y scroll 0%;
    border: 1px solid #718BB7;
    padding: 2px;
    z-index: 15000;
}

.my-menuitem {
    -moz-user-select: none;
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    height: 22px;
    cursor: pointer;
    width: 100%;
}

.my-menuitem-l {
    width: 3px;
}

.my-menuitem-ml {
    width: 18px;
}

.my-menuitem-c {
    padding-left: 8px;
    white-space: nowrap;
    width: 100%;
}

.my-menuitem-over .my-menuitem-l {
    background: url(images/default/shared/select-light.gif) no-repeat left 0px;
}

.my-menuitem-over .my-menuitem-ml, .my-menuitem-over .my-menuitem-c,
.my-menuitem-over .my-menuitem-mr {
    background: url(images/default/shared/select-light.gif) left -22px;
}

.my-menuitem-over .my-menuitem-r {
    background: url(images/default/shared/select-light.gif) no-repeat right 0px;
}

.my-menuitem-mr div {
    width: 18px;
}

.my-menuitem-submenu .my-menuitem-mr div {
    height: 22px;
    background: url(images/default/menu/menu-submenu.gif) no-repeat right 50%;
}

/*.my-menu-separator {*/
/*font-size: 1px;*/
/*line-height: 1px;*/
/*height: 2px;*/
/*width: 100%;*/
/*}*/

/*.my-menu-separator div {*/
/*font-size: 1px;*/
/*line-height: 1px;*/
/*height: 2px;*/
/*margin: 3px;*/
/*background: url(images/default/menu/menu-seperator.gif) repeat-x;*/
/*}*/

.my-message-box .my-shell-body {
    background-color: #C3DAF9;
}

.my-mbox-icon {
    width: 48px;
    height: 48px;
}

.my-mbox-info {
    background: url(images/default/dialog/info.gif) no-repeat;
}

.my-mbox-confirmation {
    background: url(images/default/dialog/confirmation2.png) no-repeat;
}

.my-mbox-question {
    background: url(images/default/dialog/question.gif) no-repeat;
}

.my-mbox-warning {
    background: url(images/default/dialog/warning.gif) no-repeat;
}

.my-mbox-error {
    background: url(images/default/dialog/error.gif) no-repeat;
}

.my-paging-text {
    white-space: nowrap;
    margin: 0 3px;
}

.my-paging-display {
    margin: 0 4px;
    width: 200px;
}

.my-cpanel-showheader {
    border: none;
}

.my-cpanel-hdr-l div {
    width: 3px;
}

.my-cpanel-hdr-r div {
    width: 3px;
}

.my-cpanel-body {
    position: relative;
    background-color: white;
}

.my-cpanel-box-mc {
    border: 0 none;
    padding: 0;
    margin: 0;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    padding-top: 6px;
    background: #dfe8f6;
}

.my-cpanel-box-ml div {
    width: 6px;
}

.my-cpanel-box-mr {
    background: transparent url(images/default/panel/left-right.gif) repeat-y right 0;
    zoom: 1;
}

.my-cpanel-box-mr div {
    width: 6px;
}

.my-cpanel-box-bl {
    background: transparent url(themes/blue/corners-sprite.gif) no-repeat 0 bottom;
    zoom: 1;
    height: 6px;
}

.my-cpanel-box-br {
    background: transparent url(themes/blue/corners-sprite.gif) no-repeat right bottom;
}

.my-cpanel-box-bc {
    background: transparent url(themes/blue/top-bottom.gif) repeat-x 0 bottom;
    zoom: 1;
}

.my-cpanel-small {
    overflow: hidden;
}

.my-cpanel-small-hdr-l {
    background: url(themes/blue/corners-sprite.gif) no-repeat 0px 0px;
}

.my-cpanel-small-hdr-c {
    width: 100%;
    background: url(themes/blue/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-ml {
    background: url(themes/blue/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-mr {
    padding-right: 2px;
    background: url(themes/blue/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-r {
    background: url(themes/blue/corners-sprite.gif) no-repeat right 0px;
}

.my-cpanel-small-hdr-r div {
    width: 3px;
}

.my-cpanel-small-hdr-text {
    padding-left: 4px;
    color: #15428B;
    font-weight: bold;
    cursor: default;
    font-family: tahoma, arial, verdana, sans-serif;
}

.my-cpanel-small-body {
    background-color: #DFE8F6;
    border-color: #99BBE8;
    border-style: none solid solid;
    border-width: 0pt 1px 1px;
}

/* Tools */
.my-tool {
    overflow: hidden;
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
    background: transparent url(themes/blue/tool-sprites.gif) no-repeat;
    margin-left: 2px;
    margin-right: 5px;
}

.my-tool-close {
    background-position: 0 -0;
}

.my-tool-close-over {
    background-position: -15px 0;
}

my-tool-minimize {
    background-position: 0 -15px;
}

.my-tool-minimize-over {
    background-position: -15px -15px;
}

.my-tool-maximize {
    background-position: 0 -30px;
}

.my-tool-maximize-over {
    background-position: -15px -30px;
}

.my-tool-restore {
    background-position: 0 -45px;
}

.my-tool-restore-over {
    background-position: -15px -45px;
}

.my-tool-gear {
    background-position: 0 -90px;
}

.my-tool-gear-over {
    background-position: -15px -90px;
}

.my-tool-pin {
    background-position: 0 -135px;
}

.my-tool-pin-over {
    background-position: -15px -135px;
}

.my-tool-unpin {
    background-position: 0 -150px;
}

.my-tool-unpin-over {
    background-position: -15px -150px;
}

.my-tool-right {
    background-position: 0 -165px;
}

.my-tool-right-over {
    background-position: -15px -165px;
}

.my-tool-left {
    background-position: 0 -180px;
}

.my-tool-left-over {
    background-position: -15px -180px;
}

my-tool-up {
    background-position: 0 -210px;
}

.my-tool-up-over {
    background-position: -15px -210px;
}

.my-tool-down {
    background-position: 0 -195px;
}

.my-tool-down-over {
    background-position: -15px -195px;
}

.my-tool-refresh {
    background-position: 0 -225px;
}

.my-tool-refresh-over {
    background-position: -15px -225px;
}

.my-tool-minus {
    background-position: 0 -255px;
}

.my-tool-minus-over {
    background-position: -15px -255px;
}

.my-tool-plus {
    background-position: 0 -240px;
}

.my-tool-plus-over {
    background-position: -15px -240px;
}

.my-tool-search {
    background-position: 0 -270px;
}

.my-tool-search-over {
    background-position: -15px -270px;
}

.my-tool-save {
    background-position: 0 -285px;
}

.my-tool-save-over {
    background-position: -15px -285px;
}

.my-tool-help {
    background-position: 0 -300px;
}

.my-tool-help-over {
    background-position: -15px -300px;
}

.my-resize-proxy {
    border: 1px dashed #3b5a82;
    background-color: #EDEDED;
    filter: alpha(opacity = 75);
    opacity: .75;
    z-index: 10001;
    overflow: hidden;
    position: absolute;
}

.my-resize-handle {
    position: absolute;
    line-height: 1px;
    font-size: 1px;
}

.my-resize-handle-w {
    height: 100%;
    width: 5px;
    left: 0;
    top: 0;
    cursor: nw-resize;
}

.my-resize-handle-e {
    height: 100%;
    width: 5px;
    top: 0;
    right: 0;
    cursor: e-resize;
}

.my-resize-handle-s {
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    cursor: s-resize;
}

.my-resize-handle-se {
    width: 5px;
    height: 5px;
    right: 0;
    bottom: 0;
    z-index: 200;
    cursor: se-resize;
}

.my-resize-handle-sw {
    width: 5px;
    height: 5px;
    left: 0;
    bottom: 0;
    z-index: 200;
    cursor: sw-resize;
}

.my-ie-shadow {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    background: #777;
    zoom: 1;
}

.my-shadow {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
}

.my-shadow * {
    overflow: hidden;
}

.my-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}

/* top  bottom */
.my-shadow .my-shadow-tc, .my-shadow .my-shadow-bc {
    height: 6px;
    float: left;
}

/* corners */
.my-shadow .my-shadow-tl, .my-shadow .my-shadow-tr, .my-shadow .my-shadow-bl, .my-shadow .my-shadow-br {
    width: 6px;
    height: 6px;
    float: left;
}

/* sides */
.my-shadow .my-shadow-mc {
    width: 100%;
}

.my-shadow .my-shadow-ml, .my-shadow .my-shadow-mr {
    width: 6px;
    float: left;
    height: 100%;
}

.my-shadow .my-shadow-mc {
    float: left;
    width: 100%;
    height: 100%;
    background: transparent url(images/default/shadow/shadow-c.png);
}

.my-shadow .my-shadow-t, .my-shadow .my-shadow-b {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.my-shadow .my-shadow-ml {
    background: transparent url(images/default/shadow/shadow-lr.png) repeat-y 0 0;
}

.my-shadow .my-shadow-mr {
    background: transparent url(images/default/shadow/shadow-lr.png) repeat-y -6px 0;
}

.my-shadow .my-shadow-tl {
    background: transparent url(images/default/shadow/shadow.png) no-repeat 0 0;
}

.my-shadow .my-shadow-tc {
    background: transparent url(images/default/shadow/shadow.png) repeat-x 0 -30px;
}

.my-shadow .my-shadow-tr {
    background: transparent url(images/default/shadow/shadow.png) repeat-x 0 -18px;
}

.my-shadow .my-shadow-bl {
    background: transparent url(images/default/shadow/shadow.png) no-repeat 0 -12px;
}

.my-shadow .my-shadow-bc {
    background: transparent url(images/default/shadow/shadow.png) repeat-x 0 -36px;
}

.my-shadow .my-shadow-br {
    background: transparent url(images/default/shadow/shadow.png) repeat-x 0 -6px;
}

.my-splitbar-shim {
    filter: alpha(opacity = 1);
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.my-dialog-status {
    font-weight: bold;
    height: 28px;
    vertical-align: middle;
}

.my-dialog-status-ml {
    width: 20px;
}

.my-dialog-status-ml div {
    width: 16px;
}

.my-dialog-status-c {
    padding-left: 2px;
    color: #403F3F;
}

.my-shell {
    position: absolute;
}

.my-shell-hdr {
    height: 27px;
    cursor: move;
}

.my-shell-hdr-text {
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
    padding-left: 6px;
}

.my-shell-hdr-l {
    background: transparent url(images/default/window/left-corners.png) no-repeat 0 0;
}

.my-shell-hdr-l div {
    width: 6px;
}

.my-shell-hdr-c {
    width: 100%;
    background: transparent url(images/default/window/top-bottom.png) repeat-x 0 0;
}

.my-shell-hdr-ml, .my-shell-hdr-mr {
    background: transparent url(images/default/window/top-bottom.png) repeat-x 0 0;
}

.my-shell-hdr-r {
    background: transparent url(images/default/window/right-corners.png) no-repeat right 0;
}

.my-shell-hdr-r div {
    width: 6px;
}

.my-shell-body-wrapper {
    border: 1px solid #96AECD;
}

.my-shell-body-wrapper-inner {
    background-color: #dfe8f6;
    filter: alpha(opacity = 85);
    opacity: .85;
    height: 100%;
}

.my-shell-body {

}

.my-shell-body-ml {
    background: transparent url(images/default/window/left-right.png) repeat-y 0 0;
}

.my-shell-body-mr {
    background: transparent url(images/default/window/left-right.png) repeat-y right 0;
}

.my-shell-body-mc {
    vertical-align: top;
    border: 1px solid #99bbe8;
    background: #dfe8f6;
}

.my-shell-plain .my-shell-body-mc {
    border: none;
    background: none;
}

.my-shell-plain .my-shell-body-mc {
    border: none;
    background: #C4D8F2 none repeat scroll 0%;
}

.my-shell-body-ml div, .my-shell-body-mr div {
    width: 6px;
}

.my-shell-body-bl {
    background: transparent url(images/default/window/left-corners.png) no-repeat 0 bottom;
}

.my-shell-body-bc {
    background: transparent url(images/default/window/top-bottom.png) repeat-x 0 bottom;
}

.my-shell-body-br {
    background: transparent url(images/default/window/right-corners.png) no-repeat right bottom;
}

.my-shell-body-bl div {
    line-height: 1px;
    font-size: 1px;
    height: 6px;
}

.my-mbox-icon {
    padding-left: 20px;
}

.my-mbox-text {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 20px;
}

.my-cursor-col-resize {
    cursor: e-resize;
    cursor: col-resize;
}

.my-cursor-row-resize {
    cursor: n-resize;
    cursor: row-resize;
}

.my-splitbar-shim {
    filter: alpha(opacity = 1);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: white;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-vsplitbar {
    background: none;
    background-image: url(images/default/shared/clear.gif);
    position: absolute;
    z-index: 999999;
    cursor: e-resize;
    cursor: col-resize;
}

.my-hsplitbar {
    background: none;
    position: absolute;
    font-size: 1px;
    line-height: 1px;
    z-index: 999999;
    cursor: s-resize;
    cursor: row-resize;
}

.my-splitbar-transparent {
    background: none;
    background-image: url(images/default/shared/clear.gif);
    font-size: 1px;
    line-height: 1px;
    z-index: 2000;
}

.my-splitbar-proxy {
    position: absolute;
    background-color: #929090;
    font-size: 1px;
    line-height: 1px;
    z-index: 200;
}

.my-tab-close {
    background: url(images/default/tabfolder/tab-close-1.gif) no-repeat 0px -11px;
    width: 11px;
    height: 11px;
}

.my-tab-close-over {
    background: url(images/default/tabfolder/tab-close-1.gif) no-repeat 0px -22px;
}

.my-tabfolder {
    border: 1px solid #8DB2E3;
    background-color: white;
}

.my-tabfolder-header {
    background: url(themes/blue/tabs.gif) repeat-x 0px -108px;
    overflow: hidden;
}

.my-tabitem {
    cursor: pointer;
}

.my-tabitem-l {
    width: 3px;
    padding-left: 3px;
    height: 27px;
}

.my-tabitem-icon .my-tabitem-ml {
    padding-left: 1px;
    padding-right: 2px;
    width: 16px;
}

.my-tabitem-close .my-tabitem-mr div {
    visibility: hidden;
    width: 12px;
}

.my-tabitem-over .my-tabitem-mr div, .my-tabitem-sel .my-tabitem-mr div {
    visibility: visible;
}

.my-tabitem-secondary .my-tabitem-mr div, .my-tabitem-sel .my-tabitem-mr div {
    visibility: visible;
}

.my-tabitem-close .my-tabitem-r div {
    width: 5px;
}

.my-tabitem-c {
    width: 100%;
}

.my-tabitem-r div {
    width: 10px;
}

.my-tabitem-text {
    display: block;
    padding: 0px 5px 0px 5px;
    color: #416AA3;
    cursor: pointer;
    white-space: nowrap;
}

.my-tabitem-icon .my-tabitem-c {
    text-align: left;
    padding-left: 2px;
}

.my-tabitem-icon .my-tabitem-text {
    padding: 0px;
    cursor: pointer;
}

.my-tabitem-over .my-tabitem-l {
    background: url(themes/blue/tabs.gif) no-repeat 0px -27px;
}

.my-tabitem-over .my-tabitem-ml, .my-tabitem-over .my-tabitem-c {
    background: url(themes/blue/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-over .my-tabitem-mr {
    background: url(themes/blue/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-over .my-tabitem-r {
    background: url(themes/blue/tabs.gif) no-repeat right -27px;
}

.my-tabitem-secondary .my-tabitem-l {
    background: url(themes/blue/tabs.gif) no-repeat 0px -27px;
}

.my-tabitem-secondary .my-tabitem-ml, .my-tabitem-secondary .my-tabitem-c {
    background: url(themes/blue/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-secondary .my-tabitem-mr {
    background: url(themes/blue/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-secondary .my-tabitem-r {
    background: url(themes/blue/tabs.gif) no-repeat right -27px;
}

.my-tabitem-sel .my-tabitem-text {
    color: #15428B;
}

.my-tabitem-sel .my-tabitem-l {
    background: url(themes/blue/tabs.gif) no-repeat;
}

.my-tabitem-sel .my-tabitem-ml, .my-tabitem-sel .my-tabitem-c {
    background: url(themes/blue/tabs.gif) repeat-x 0px -54px;
}

.my-tabitem-sel .my-tabitem-mr {
    background: url(themes/blue/tabs.gif) repeat-x 0px -54px;
}

.my-tabitem-sel .my-tabitem-r {
    background: url(themes/blue/tabs.gif) no-repeat right 0px;
}

.my-tbl {
    border: 1px solid #99BBE8;
    cursor: default;
    background-color: white;
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-col-overflow {
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-col-text {
    color: black;
    padding: 5px 4px 0 4px;
    display: block;
    white-space: nowrap;
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 11px;
}

.my-tbl-col {
    border-right: 1px solid #D5D5D5;
    background: url(images/default/table/vs-column-bg.gif) repeat-x;
}

.my-tbl-col-splitter {
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 100;
    height: 100%;
    right: 0px;
}

.my-tbl-col-over {
    background: url(images/default/table/vs-column-bg.gif) repeat-x 0px -24px;
}

.my-tbl-col-sort {
    background-position: 0px -48px;
}

.my-tbl-col-asc {
    background: url(images/default/table/vsort-asc.gif) no-repeat 50% top;
}

.my-tbl-col-desc {
    background: url(images/default/table/vsort-desc.gif) no-repeat 50% top;
}

.my-tbl-col-splitter {
    background: none;
}

.my-tbl-data {
    background-color: white;
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-item {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom: 1px solid #EDEDED;
    cursor: default;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-item table {
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-data .my-tbl-item-cell {
    height: 20px;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-vlines .my-tbl-item-cell {
    border-right: 1px solid #EDEDED;
}

.my-tbl-data .my-tbl-item-cell-overflow {
    white-space: nowrap;
    overflow: hidden;
}

.my-tbl-data .my-tbl-item-cell-text {
    padding: 3px 4px 3px 4px;
}

.my-tbl-data .my-tbl-item-cell-widget {
    padding: 1px 4px 1px 4px;
}

.my-tbl-data tr {
    overflow: hidden;
}

.my-tbl-item-over {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #efefef url(images/default/table/row-over.gif) repeat-x left top;
}

.my-tbl-item-sel {
    background-image: none;
    background-color: #D9E1ED;
    border-top: 1px dotted #9EB8ED;
    border-bottom: 1px dotted #9EB8ED;
}

.my-toolitem {
    height: 21px;
    cursor: pointer;
}

.my-toolitem-text {
    padding: 0 3px;
    white-space: nowrap;
    color: #000;
}

.my-toolitem-disabled {
    cursor: default;
    color: #979494;
}

.my-tootlitem-disabled .my-toolitem-text {
    cursor: default;
    color: #979494;
}

.my-toolitem-l div, .my-toolitem-r div {
    width: 3px;
}

.my-toolitem-ml {
    width: 18px;
    text-align: center;
}

.my-toolitem-c {
    padding: 0 3px;
}

.my-tooltip-title {
    font-weight: bold;
    font-size: 11px;
}

.my-tooltip {
    cursor: default;
    z-index: 99999;
}

.my-tooltip-mc {
    padding: 2px 4px;
}

.my-tooltip-tl {
    line-height: 1px;
    font-size: 1px;
    height: 4px;
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat;
}

.my-tooltip-tc {
    line-height: 1px;
    font-size: 1px;
    background: url(images/default/tooltip/tooltip-bg.gif) repeat-x 0px -8px;
}

.my-tooltip-tr {
    line-height: 1px;
    font-size: 1px;
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat -448px 0px;
}

.my-tooltip-ml {
    line-height: 1px;
    font-size: 1px;
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat 0px -16px;
}

.my-tooltip-mc {
    background-color: #DAE8F9;
    white-space: nowrap;
}

.my-tooltip-mr {
    line-height: 1px;
    font-size: 1px;
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat -448px -16px;
}

.my-tooltip-bl {
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat 0px -4px;
    line-height: 1px;
    font-size: 1px;
    height: 4px;
}

.my-tooltip-bc {
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat 0px -12px;
    line-height: 1px;
    font-size: 1px;
}

.my-tooltip-br {
    line-height: 1px;
    font-size: 1px;
    background: url(images/default/tooltip/tooltip-bg.gif) no-repeat -448px -4px;
}

.my-errortip {
    cursor: default;
    z-index: 99999;
}

.my-errortip .my-tooltip-mc {
    background-color: #F6E6E6;
}

.my-errortip .my-tooltip-title {
    font-weight: bold;
    font-size: 11px;
}

.my-errortip .my-tooltip-mc {
    padding: 2px 4px;
}

.my-errortip .my-tooltip-tl {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat;
}

.my-errortip .my-tooltip-tc {
    background: url(images/default/tooltip/errortip-bg.gif) repeat-x 0px -8px;
}

.my-errortip .my-tooltip-tr {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat -448px 0px;
}

.my-errortip .my-tooltip-ml {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat 0px -16px;
}

.my-errortip .my-tooltip-mr {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat -448px -16px;
}

.my-errortip .my-tooltip-bl {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat 0px -4px;
}

.my-errortip .my-tooltip-bc {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat 0px -12px;
}

.my-errortip .my-tooltip-br {
    background: url(images/default/tooltip/errortip-bg.gif) no-repeat -448px -4px;
}

.tree-folder {
    background: url(images/default/icons/folder-closed.gif) no-repeat -1px -1px;
}

.tree-folder-open {
    background: url(images/default/icons/folder.gif) no-repeat -1px -1px;
}

.my-tree {
    cursor: default;
}

.my-treeitem, .my-treeitem table, .my-treeitem table td {
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treeitem td {
    height: 19px;
}

.my-tree-indent {
    line-height: 1px;
    font-size: 1px;
}

.my-tree-joint div {
    width: 15px;
    height: 19px;
    line-height: 1px;
    font-size: 1px;
}

.my-tree-left, .my-tree-left div, .my-tree-right {
    line-height: 1px;
    font-size: 1px;
    width: 3px;
}

.my-tree-left div, .my-tree-right div {
    width: 3px;
}

.my-tree-check div {
    width: 17px;
    height: 19px;
    line-height: 1px;
    font-size: 1px;
    display: block;
}

.my-tree-icon div {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    cursor: pointer;
}

.my-ie .my-tree-icon {
    padding-top: 2px;
}

.my-ie .my-tree-icon div {
    position: static;
}

.my-tree-item-text span {
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    height: 15px;
    cursor: pointer;
}

.my-tree-over .my-tree-left {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left -57px;
}

.my-tree-over .my-tree-right {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -76px;
}

.my-tree-over .my-tree-check, .my-tree-over .my-tree-icon, .my-tree-over .my-tree-item-text {
    background: url(images/default/shared/select-19-bg.gif) left -95px;
}

.my-tree-sel .my-tree-left {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left 0px;
}

.my-tree-sel .my-tree-right {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -19px;
}

.my-tree-sel .my-tree-check, .my-tree-sel .my-tree-icon, .my-tree-sel .my-tree-item-text {
    background: url(images/default/shared/select-19-bg.gif) left -38px;
}

.my-tree-close {
    background: url(images/default/tree/vnode.gif) no-repeat 0px 1px;
}

.my-tree-open {
    background: url(images/default/tree/vnode.gif) no-repeat 0px -32px;
}

.my-tree-joint-over  .my-tree-open {
    background: url(images/default/tree/vnode.gif) no-repeat 0px -48px;
}

.my-tree-joint-over .my-tree-close {
    background: url(images/default/tree/vnode.gif) no-repeat 0px -15px;
}

.my-tree-notchecked {
    background: url(images/default/tree/notchecked.gif) no-repeat 0px 50%;
}

.my-tree-checked {
    background: url(images/default/tree/checked.gif) no-repeat 0px 50%;
}

.my-tree-loading .tree-folder {
    background: url(images/default/icons/wait.gif) no-repeat 0px -1px;
}

.my-tree-loading .my-tree-item-text span {
    font-style: italic;
}

.tree-folder {
    background: url(images/default/icons/folder-closed.png) no-repeat -1px -1px;
}

.tree-folder-open {
    background: url(images/default/icons/folder.png) no-repeat -1px -1px;
}

.my-treetbl-tree {
    cursor: default;
}

.my-treetblitem, .my-treetblitem table, .my-treetblitem table td {
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treetblitem td {
    height: 19px;
}

.my-treetbl-indent {
    line-height: 1px;
    font-size: 1px;
}

.my-treetbl-joint div {
    width: 15px;
    height: 19px;
    line-height: 1px;
    font-size: 1px;
}

.my-treetbl-left, .my-treetbl-left div, .my-treetbl-right {
    line-height: 1px;
    font-size: 1px;
    width: 3px;
}

.my-treetbl-left div, .my-treetbl-right div {
    width: 3px;
}

.my-treetbl-check div {
    width: 17px;
    height: 19px;
    line-height: 1px;
    font-size: 1px;
    display: block;
}

.my-treetbl-icon div {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    cursor: pointer;
}

.my-ie .my-treetbl-icon {
    padding-top: 2px;
}

.my-ie .my-treetbl-icon div {
    position: static;
}

.my-treetbl-item-text span {
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    height: 15px;
    cursor: pointer;
}

.my-treetbl-over .my-treetbl-left {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left -57px;
}

.my-treetbl-over .my-treetbl-right {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -76px;
}

.my-treetbl-over .my-treetbl-check, .my-treetbl-over .my-treetbl-icon, .my-treetbl-over .my-treetbl-item-text {
    background: url(images/default/shared/select-19-bg.gif) left -95px;
}

.my-treetbl-sel .my-treetbl-left {
    background: url(images/default/shared/select-19-bg.gif) no-repeat left 0px;
}

.my-treetbl-sel .my-treetbl-right {
    background: url(images/default/shared/select-19-bg.gif) no-repeat right -19px;
}

.my-treetbl-sel .my-treetbl-check, .my-treetbl-sel .my-treetbl-icon, .my-treetbl-sel .my-treetbl-item-text {
    background: url(images/default/shared/select-19-bg.gif) left -38px;
}

.my-treetbl-close {
    background: url(images/default/tree/vnode_transparent.gif) no-repeat 0px 1px;
}

.my-treetbl-open {
    background: url(images/default/tree/vnode_transparent.gif) no-repeat 0px -32px;
}

.my-treetbl-joint-over  .my-treetbl-open {
    background: url(images/default/tree/vnode_transparent.gif) no-repeat 0px -48px;
}

.my-treetbl-joint-over .my-treetbl-close {
    background: url(images/default/tree/vnode_transparent.gif) no-repeat 0px -15px;
}

.my-treetbl-notchecked {
    background: url(images/default/tree/notchecked.gif) no-repeat 0px 50%;
}

.my-treetbl-checked {
    background: url(images/default/tree/checked.gif) no-repeat 0px 50%;
}

.my-treetbl-loading .tree-folder {
    background: url(images/default/icons/wait.gif) no-repeat 0px -1px;
}

.my-treetbl-loading .my-treetbl-item-text span {
    font-style: italic;
}

.my-treetbl {
    border: 1px solid #99BBE8;
    cursor: default;
    background-color: white;
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treetbl-col-overflow {
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treetbl-col-text {
    color: black;
    padding: 5px 4px 0 4px;
    display: block;
    white-space: nowrap;
    font-family: arial, tahoma, helvetica, sans-serif;
    font-size: 11px;
}

.my-treetbl-col {
    border-right: 1px solid #D5D5D5;
    background: url(images/default/table/vs-column-bg.gif) repeat-x;
}

.my-treetbl-col-splitter {
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 100;
    height: 100%;
    right: 0px;
}

.my-treetbl-col-over {
    background: url(images/default/table/vs-column-bg.gif) repeat-x 0px -24px;
}

.my-treetbl-col-sort {
    background-position: 0px -48px;
}

.my-treetbl-col-asc {
    background: url(images/default/table/vsort-asc.gif) no-repeat 50% top;
}

.my-treetbl-col-desc {
    background: url(images/default/table/vsort-desc.gif) no-repeat 50% top;
}

.my-treetbl-col-splitter {
    background: none;
}

.my-treetbl-data {
    background-color: white;
    overflow: hidden;
}

.my-treetbl-data .my-treetbl-cell {
    height: 20px;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treetbl-data .my-treetbl-cell-overflow {
    white-space: nowrap;
    overflow: hidden;
}

.my-treetbl-data .my-treetbl-cell-text {
    padding: 1px 4px 1px 4px;
}

.my-treetbl-data tr {
    overflow: hidden;
}

.my-treetbl-item {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom: 1px solid #EDEDED;
    cursor: default;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-treetbl-item-over {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #efefef url(images/default/table/row-over.gif) repeat-x left top;
}

.my-treetbl-item-sel {
    background-image: none;
    background-color: #D9E1ED;
    border-top: 1px dotted #9EB8ED;
    border-bottom: 1px dotted #9EB8ED;
}

/*******************End of mygwt-all.css*******************************************/

/*******************Begin of loading.css*******************************************/
/*body, html{*/
/*overflow-y:auto;*/
/*}*/

.wfm-my-tabitem {
    cursor: pointer;
}

.wfm-my-tabitem-l {
    width: 3px;
    padding-left: 3px;
    height: 27px;
}

.my-tabitem-icon .wfm-my-tabitem-ml {
    padding-left: 1px;
    padding-right: 2px;
    width: 16px;
}

.my-tabitem-close .wfm-my-tabitem-mr div {
    visibility: hidden;
    width: 12px;
}

.wfm-my-tabitem-over .wfm-my-tabitem-mr div, .wfm-my-tabitem-sel .wfm-my-tabitem-mr div {
    visibility: visible;
}

.my-tabitem-secondary .wfm-my-tabitem-mr div, .wfm-my-tabitem-sel .wfm-my-tabitem-mr div {
    visibility: visible;
}

.my-tabitem-close .wfm-my-tabitem-r div {
    width: 5px;
}

.wfm-my-tabitem-c {
    width: 100%;
}

.wfm-my-tabitem-r div {
    width: 10px;
}

.my-tabitem-icon .wfm-my-tabitem-c {
    text-align: left;
    padding-left: 2px;
    padding-right: 5px;
}

.my-tabitem-icon .wfm-my-tabitem-text {
    padding: 0px;
    cursor: pointer;
}

.my-tbl {
    border: 1px solid #99BBE8;
    cursor: default;
    background-color: white;
    overflow: hidden;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.wfm-my-tabfolder {
    background-color: white;
}

.wfm-my-toolitem-disabled {
    color: black;
    cursor: default;
}

.wfm-my-toolitem-selected {
    color: white !important;
    height: 21px;
}

.wfm-bug-report-style {
    color: #97100a;
}

.feedback-icon {
    background: url(icons/advertisement/icon-email_edit.png);
    background-repeat: no-repeat;
    width: 16px;
}

.wfm-icon-add-expense {
    background-image: url(addexpense.gif);
    height: 15px;
}

.wfm-mainBackground {
    /*background-color: #13649B;*/
    background-image: url("themes/blue/gradient-bg-logo.png");
    height: 53px;
    background-repeat: repeat-x;
}

.wfm-my-no-selection {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -moz-outline: none;
    -moz-user-focus: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

.wfm-my-toolitem-text {
    padding: 0 3px;
    white-space: nowrap;
}

.wfm-my-toolitem-seperator {
    background: url(split.gif) no-repeat 50% 50%;
    border: 0pt none;
    cursor: default;
    font-size: 1px;
    height: 21px;
    overflow: hidden;
    width: 4px;
}

.wfm-my-toolitem-l div, .wfm-my-toolitem-r div {
    width: 3px;
}

.wfm-my-toolitem-ml {
    width: 18px;
    text-align: center;
}

.wfm-my-toolitem-c {
    padding: 0 3px;
}

.wfm-my-toolitem-mr div {
    background: transparent url(btn-arrow.gif) no-repeat scroll 0pt 3px;
    width: 12px;
    height: 21px;
}

.wfm-my-toolitem-split div {
    background: transparent url(btn-arrow.gif) no-repeat 0px -47px;
    width: 12px;
    height: 21px;
}

/*******************End of loading.css*******************************************/

/*******************Begin of Core.css*******************************************/
ABABAB	/**/
.wfm-menubar-style table {
    width: 100%;
}

.storage-buyer {
    /*GoogleDocumentsView.java*/
    background: url(toolItem/storage-icon.png) left center no-repeat;
    margin: 0;
    padding: 0;
    height: 19px;
    vertical-align: bottom;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.storagePadding {
    /*GoogleDocumentsView.java*/
    padding-left: 5px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-top: 1px; /*margin-top:-9px;*/

}

.completed_back {
    border: 1px #90add1 solid;
    display: block;
    height: 19px;
    width: 150px;
    background: #ffffff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.completed_percent {
    border: 0px;
    background: url(toolItem/storage.png) repeat-x;
    display: block;
    height: 19px;
    position: static;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-left: 1px;
}

.completed_percent_green {
    border: 0px;
    background: url(toolItem/storage-green.png) repeat-x;
    display: block;
    height: 19px;
    position: static;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-left: 1px;
}

.separator {
    height: 18px;
    background: url(toolItem/separator.png) no-repeat;
    position: left;
    width: 2px;
}

.text-box-style {
    cursor: default;
    padding-left: 2px;
}

.text-box-price {
    /*AddProductView.java*/
    margin-right: 3px;
    padding-right: 3px;
}

/**/

/*Beginning of SuggestBox Widget styles*/
.gwt-WfmSuggestBoxPopup {
    background-color: #FAFAFA;
    border: 1px solid #000000;
    overflow-y: auto;
    cursor: default;
}

.gwt-WfmSuggestBoxPopup .item {
    margin: 1px;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
}

.gwt-WfmSuggestBoxPopup .item-selected {
    background-color: #C5E7F6;
    padding: 1px;
}

.gwt-WfmSuggestBoxPopup .create-item {
    margin: 1px;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    font-weight: bold;
}

.gwt-WfmSuggestBoxPopup .create-item-selected {
    background-color: #04abf5;
    padding: 1px;
}

/*End of SuggestBox Widget styles*/

/*Beginning of WfmDropdown Widget styles*/
.gwt-WfmDropdownPopup {
    background-color: #FAFAFA;
    border: 1px solid #000000;
    overflow-y: auto;
    cursor: default;
}

.gwt-WfmDropdownPopup .itemwithpadding {
    margin: 1px;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    padding-left: 10px;
}

.gwt-WfmDropdownPopup .itemwithpadding-selected {
    background-color: #C5E7F6;
    padding: 1px;
    padding-left: 10px;
}

.gwt-WfmDropdownPopup .item {
    margin: 1px;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
}

.gwt-WfmDropdownPopup .item-selected {
    background-color: #C5E7F6;
    padding: 1px;
}

.gwt-WfmDropdownPopup .create-item {
    margin: 1px;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    padding: 1px;
    padding-left: 10px;
    font-weight: bold;
}

.gwt-WfmDropdownPopup .create-item-selected {
    background-color: #04abf5;
    padding: 1px;
    padding-left: 10px;
}

/*End of WfmDropdown Widget styles*/

.bug-report-style {
    /*Not used*/
    color: #97100a;
}

/* ToolItem Style Start */
.my-toolitem-selected {
    color: white;
}

.my-toolitem-selected table {
    color: white;
}

.my-toolitem-selected .my-toolitem-l {
    background: url(toolItem/tb-btn-sprite-orange.gif) no-repeat;
}

.my-toolitem-selected .my-toolitem-ml, .my-toolitem-selected .my-toolitem-c {
    background: url(toolItem/tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.my-toolitem-selected .my-toolitem-ml, .my-toolitem-selected .my-toolitem-c {
    background: url(toolItem/tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.my-toolitem-selected .my-toolitem-mr {
    background: url(toolItem/tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.my-toolitem-selected .my-toolitem-r {
    background: url(toolItem/tb-btn-sprite-orange.gif) no-repeat 0px -21px;
}

.gwt-ProgressBar-shell {
    border: 2px solid #faf9f7;
    border-right: 2px solid #848280;
    border-bottom: 2px solid #848280;
    background-color: #AAAAAA;
    height: 14pt;
    width: 50%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
    background-color: #67A7E3;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
    padding: 0px;
    margin: 0px;
    color: white;
}

/*body,html {*/
/*height: 100%;*/
/*}*/

.gwt-TextBox-readonly {
    background-color: grey;
}

.disabledTextBox {
    /*Not Used*/
    background-color: grey;
}

.enabledTextBox {
    /*StatusBar.java--Workspace*/
    background-color: white;
}

/*Buttons styles start*/
.pointer {
    overflow: hidden;
    cursor: pointer;
}

.default-cursor {
    /*Not used*/
    cursor: default;
}

.default-cursor a {
    cursor: default;
}

/*Buttons styles start*/

/*GrayForm style start*/
.bookmark-font {
    /*GrayForm.java(Core) AND addMultiTask.java(PM) */
    font-weight: 900;
    font-size: 17px;
    font-family: Arial;
}

.bookmark {
    background-color: #E9E9E9;
    border-bottom: 1px solid #d4d4d4;
    color: #1f4f8f;
}

.edge {
    /*GrayForm.java*/
    border-color: #FFFFFF;
    background-color: #E9E9E9;
    border-style: solid none;
    border-width: 1px 0;
    border-bottom: 1px solid #d4d4d4;
}

.inner {
    border-color: #FFFFFF;
    background-color: #EFEFEF;
    border-style: solid none;
    border-width: 1px 0;
    border-bottom: 1px solid #d4d4d4;
}

.history-record {
    /*GrayForm.java*/
    border-bottom: 1px dashed #d4d4d4;
}

.status-style {
    border: 1px solid;
    margin: 1px 2px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; /*font-weight:bold;*/
    border-color: #00529B;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border-color: #4F8A10;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border-color: #9F6000;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border-color: #D8000C;
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border-color: #D63301;
}

/*GrayForm style end*/

/*DynamicTable styles start*/
.default-color {
    background-color: white;
}

.description-default-color {
    background-color: white;
    border: 1px solid #819cb9;
    overflow: auto;
}

.div-butons-default-color {
    background: url("mainStyles/images/default/window/left-right.png") repeat-y scroll right 0 transparent;
}

.input-default-color {
    background-color: white;
    border: 1px solid #819cb9;
}

#top {
    height: 25px;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #1f4f8f;
}

.widget-notValid {
    border: 2px solid red;
}

/*DynamicTable styles end*/

/*BlueHeader style start*/

.white-header {
    background: url(BlueHeader/top.gif);
    font-weight: bold;
    color: #1c0146;
}

.blue-border {
    border: 1px solid #99bbe8;
    border-collapse: collapse;
    background-color: white;
}

.blue-border th {
    border-color: #99bbe8;
}

.blue-border td {
    border-color: #99bbe8;
}

/*BlueHeader style end*/

/*Beginning of SplitBar Widget styles*/
.lock {
    cursor: pointer;
}

.wfm-vsplitbar {
    background: none;
    background-image: url(images/default/shared/clear.gif);
    position: absolute; /*z-index: 1;*/
    /*todo Z-INDEX*/
}

.wfm-hsplitbar {
    background: none;
    position: absolute;
    font-size: 1px;
    line-height: 1px;
    z-index: 999999;
    cursor: e-resize;
    cursor: col-resize;
}

/*End of SplitBar Widget styles*/

.east-panel {
    background-color: rgb(235, 243, 254);
}

.east-panel-title {
    position: relative;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: rgb(32, 76, 137);
    text-align: center;
}

.my-tbl-item-bold {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom: 1px solid #EDEDED;
    font-weight: bold;
    cursor: default;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.my-tbl-item-normal {
    font-weight: normal;
    cursor: default;
    -moz-outline: none;
    -moz-user-focus: normal;
}

.east-panelStyle {
    position: relative;
    width: 100%;
    font-size: 11px;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
}

#bidlist-wrapp {
    width: 541px;
    padding: 14px 0 0 10px;
    background: #fff
}

#bidlist-wrapp :after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.bid-block {
    position: relative;
    float: left;
    width: 270px;
    height: 189px;
    margin-bottom: 7px
}

.bid-block {
    /**/
    position: relative;
    float: left;
    width: 270px;
    height: 189px;
    margin-bottom: 7px
}

/*Ussed for welcome pages*/
a.abs-link {
    position: absolute;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #7d1616;
    height: 35px;
    width: 200px;
}

.dialogBox_button {
    border-style: solid;
    border-width: 1px;
    margin-right: 2px;
    margin-left: 19px;
}

/*Ussed for welcome pages*/
.textDecoration {
    /*MyUpdatesTab.java () and UpdatesMessageCenter.java (Workspace)*/
    text-decoration: none;
}

.halp-block-1 {
    position: relative;
    width: 171px;
    max-width: 171px;
    margin-top: 28px;
    background: url(westpanel/bg-halp-block-1_vertical.gif) repeat-y
}

.halp-block-1 h2 {
    position: relative;
    width: 171px;
    padding-top: 12px;
    text-align: center;
    color: #204d89;
    background: url(westpanel/bg-halp-block-1_top.gif) no-repeat
}

.halp-block-1 h2 span {
    display: block;
    position: absolute;
    top: -28px;
    left: 0;
    width: 31px;
    height: 28px;
    background: url(westpanel/bg-halp-block-1_sup.gif) no-repeat
}

.halp-block-1 ul {
    margin: 0;
    padding: 0 6px;
    margin-top: -10px;
    background: url(westpanel/bg-halp-block-1_bottom.gif) no-repeat bottom left
}

.halp-block-1 li {
    padding: 1px 0;
    list-style: none;
    border-bottom: 1px solid #d5d5d5
}

.halp-block-1 li.last {
    border-bottom: none
}

.gwt-MenuBarNew {
    background-color: #C3D9FF;
    cursor: default;
    padding: 5px;
}

.eds-shortcutitem-hdr-ml {
    padding-left: 4px;
    width: 20px;
}

.eds-shortcutitem-hdr-c {
    padding-left: 4px;
    width: 100%;
}

.whiteBGR {
    background-color: #ffffff;
    height: 100%;
}

.whiteText {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #ffffff;
    text-decoration: none;
}

.blueText {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: black;
    text-decoration: none;
}

/*.lightBlueBackground {*//*(HRMS) HrmsLeaveRequestView.java and TailentProfileListView.java*//*
    background-color: #cfdfef;
}*/
.quickViewHeader {
    /*background: url(header_bgr.jpg) repeat-x;*/
    padding: 3px;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
}

/*some quick header for KANOKLA*/

.icon-add-expense {
    background: url(icons/new-pm-icons/add-icon.png) no-repeat;
}

.icon-new-item {
    /*ItemListView.java(Invoice)*/
    background-image: url(icons/inv_icons/item.png);
}

.icon-myworkspace {
    /*not Used*/
    background-image: url(icons/workspace.png);
}

.icon-search {
    background-image: url("images/btn_search.png");
    margin-left: 5px;
    margin-right: 15px;
    cursor: pointer;
    height: 22px;
    width: 54px;
    vertical-align: bottom;
}

/*--new PM icons--*/
.icon-dashboard {
    /*Not used*/
    background-image: url(icons/dasg.png);
}

/*---new dashboard icons---*/

.icon-dashboard-company-overview {
    /*ChartDisplayView.java*/
    background-image: url("icons/company-overview-dashboard.gif");
}

.icon-dashboard-performance-apprasial-report {
    /*Not Used*/
    background-image: url("icons/performance-appraisal-report.gif");
}

/*---new dashboard icons--*/

.icon-google {
    background-image: url(icons/google.png);
}

/*--google's icons--*/
.icon-google-calendar {
    /*GoogleCalendarSinksContainer.java And MyWorkspaceView.java*/
    background-image: url("icons/google-calendar-small.gif");
}

.icon-googlecalendar {
    background-image: url("icons/google-calendar.gif");
}

/*TODO remove after ASAP with icon*/

.icon-google-contacts {
    /*GoogleContactsSinksContainer.java*/
    background-image: url("icons/google-talk-small.gif");
}

/*TODO REMOVE with icon ASAP*/

.icon-googlecontacts {
    background-image: url("icons/google-talk.gif");
}

/*--google's icons--*/
.icon-availability {
    /*if changed*/
    background-image: url(icons/avail.png); /*todo IF removed icon*/
}

/*new availabilitys icons*/

.icon-pa {
    /*Assesments ICONS (Expense)*/
    background-image: url(icons/rosette.png);
}

.icon-expense-report-home {
    /*ExpenseReportsHomeView.java (Expense)*/
    background-image: url("icons/expense-report-home.gif");
}

.icon-expense-awaiting-for-approval {
    /*AwaitingReportsListView.java (Expense)*/
    background-image: url("icons/awaiting-for-approval.gif")
}

.icon-clients {
    /*Not Used*/
    background-image: url(icons/client.png);
}

.icon-employees {
    background-image: url(icons/new-pm-icons/employees.png);
    /* height: 20px;
   width: 20px;*/
}

.icon-employee-small {
    /*EmployeeListView.java (Employee)*/
    background-image: url(icons/new-pm-icons/employees-small.png);
}

.icon-location {
    /*LocationListView.java (Location)*/
    background-image: url(icons/location.png);
}

.icon-profile {
    /*TODO after removed with icons*/
    background-image: url(icons/profile-icon.gif);
}

/*--settings-icons--*/

.icon-settings-e-mail-notification {
    /*EmailSettings.java (Profile)*/
    background-image: url("icons/e-mail-notification.gif");
}

.icon-settings-company {
    /*CompanySettings.java (profile)*/
    background-image: url("icons/company-settings.gif");
}

.icon-settings-invoice {
    /*InvoiceSettings.java(Profile)*/
    background-image: url("icons/invoice-settings.gif");
}

.icon-settings-overdue-invoice {
    /*RecurrenceSettings.java(Profile)*/
    background-image: url("icons/overdue_invoice.png");
}

.icon-settings-timesheet-reminder {
    /*RecurrenceSettings.java(Profile)*/
    background-image: url("icons/timesheet-reminder.png");
}

.icon-settings-user-credentials {
    /*UserCredentials.java (Profile)*/
    background-image: url("icons/user-credentials.gif");
}

.icon-settings-financial-settings {
    /*FinancialSettings.java (Profile)*/
    background-image: url("icons/account-transactions.gif");
}

.icon-customize {
    background-image: url("icons/customize.png");
}

/*--settings-icons--*/

/*--accounting-icons--*/

.icon-accounting-sales-invoice {
    /*ProjectInvoicesListView.java (Project)*/
    background: url("icons/new-accounting-icons/sales-invoice.png") no-repeat;
}

/*todo remove THEN ASAP*/

.icon-accounting-customers {
    background-image: url("icons/customers.gif");
}

.icon-accounting-suppliers {
    /*AccountingSupplierListView.java (Accounting)*/
    background-image: url("icons/suppliers.gif");
}

/*.icon-accounting-expense-reports {   *//*Not Used*//*
    background-image: url("icons/expense-reports.gif");
}*/

.icon-accounting-bank-accounts {
    /*BankAccountingListView.java (Accounting)*/
    background-image: url("icons/bank-accounts.gif");
}

.icon-chartofAccounts-add-new-account {
    /*AccountListView.java (Accounting)*/
    background-image: url("icons/bank-accounts.gif");
}

.icon-accounting-tax-rates {
    background-image: url("icons/tax-rates.png");
    width: 15px;
}

/*--accounting-icons--*/
/*--reports-icons--*/

.icon-report-journal-report {
    background-image: url("icons/journal-report-icon.png");
}

.icon-report-trial-balance {
    /*Not Used*/
    background-image: url("icons/trial-balance.gif");
}

.icon-report-profit-and-loss {
    /*Not Used*/
    background-image: url("icons/profit-and-loss.gif");
}

.icon-projects {
    background-image: url(icons/new-pm-icons/projects.png);
    /*height: 20px;
    width: 20px;*/
}

.icon-project-small {
    /*ProjectListView.java (Project)*/
    background-image: url(icons/new-pm-icons/project-small.png);
}

.icon-tasks {
    background-image: url(icons/new-pm-icons/task-list.png);
    /*height: 20px;
    width: 20px;*/
}

.icon-task-small {
    /*PM : tasklistview, projectlistview, teamlistview*/
    background-image: url(icons/new-pm-icons/task-small.png);
}

/*.icon-accept {   *//*Assesments*//*
    background-image: url(icons/accept.png);
}*/

/*Assessments (PA, HRMS, Backend, Expense ) todo after changed*/
.icon-statistics {
    background-image: url(icons/statistics.png);
}

.icon-pa-schedules {
    /*SchedulesView.java*/
    background-image: url(icons/schedule.png);
}

.icon-exclamation {
    background-image: url(icons/exclamation.png);
}

/*todo after changed*/
.icon-teams {
    background-image: url(icons/new-pm-icons/departments.png); /*height: 20px;*/
    /*width: 20px;*/
}

.icon-team-small {
    background-image: url(icons/new-pm-icons/departments-small.png);
}

.icon-timesheet {
    background-image: url(icons/new-pm-icons/timesheet.png);
    /*height: 20px;
    width: 20px;*/
}

/**/
.icon-timesheet-approval {
    background-image: url("icons/new-pm-icons/timesheet-approval.png");
    /*height:20px;
    width:20px;*/
}

.icon-issues-list {
    background-image: url("icons/new-pm-icons/issues.png");
    /*height: 20px;
    width: 20px;*/
}

.icon-issue-small {
    background-image: url("icons/new-pm-icons/issue-small.png");
}

.icon-client-customer {
    background-image: url("icons/new-pm-icons/clients.png");
    /*height:20px;
    width:20px;*/
    /*todo remove and icons*/
}

.icon-client-small {
    background-image: url("icons/new-pm-icons/client-small.png");
}

/**/
.icon-settings {
    background-image: url(icons/settings.png);
}

.icon-addtask {
    background-image: url(icons/new-pm-icons/add-.png);
}

.icon-invoice-templates {
    background-image: url(icons/iconpdf.jpg);
}

.icon-addtask-small {
    background-image: url(icons/new-pm-icons/add-small.png);
}

.icon-addmultitask {
    background: url("icons/new-pm-icons/add-multiple-task.png") no-repeat;
}

.icon-addmultitask-small {
    background-image: url(icons/new-pm-icons/add-multiple-task-small.png);
}

.icon-setparent-small {
    background-image: url(icons/new-pm-icons/set-parent-small.png);
}

.icon-add-subworkstream-small {
    background-image: url(icons/new-pm-icons/add-subworkstream-small.png);
}

.icon-rollback {
    background-image: url(icons/rollback.png);
}

.icon-xls {
    background-image: url(icons/new-pm-icons/excel.png);
}

.icon-pdf {
    background-image: url(icons/new-pm-icons/pdf.png);
}

.icon-csv {
    background: url(icons/document-excel-csv.png) no-repeat;
}

.icon-eml {
    background: url(icon_mini_message.gif) no-repeat;
}

.icon-send-message {
    background: url("send-message.png") no-repeat;
}

.removeItemStyle-profile {
    background: url(images/remove-icon-small.gif) no-repeat;
}

.icon-remove {
    background: url(images/remove-icon-small.gif) no-repeat;
}

/*.icon-fulldetails-profile {        *//*Hrms Section*//*
    background: url("images/fulldetails.gif") no-repeat;
}*/
/*TODO After changed this style*/
.icon-employee-edit-profile {
    background: url(images/edit.gif) no-repeat;
}

/*Todo after changed*/
.icon-employee-activate-profile {
    background: url(images/activate.gif) no-repeat;
}

/*Todo after changed*/
.icon-employee-disactivate-profile {
    background: url(images/disactivate.gif) no-repeat;
}

/*Todo after changed*/
.icon-employee-resend-profile {
    background: url(images/resend.gif) no-repeat;
}

.icon-pdf-profile {
    background: url(images/pdfsmallicon.png) no-repeat;
}

/*todo after changed (HolidayListView.java And Payroll)*/
.icon-payroll {
    background-image: url(icons/icon-payroll.png);
}

.icon-pmwelcome {
    background-image: url(icons/pmwelcome.png);
}

/*Not used*/
.icon-date {
    background-image: url(icons/datepicker.jpg);
}

.icon-add-icon {
    background: url(icons/advertisement/comments.png);
}

.icon-email-edit {
    background: url(icons/advertisement/icon-email_edit.png);
}

.icon-error {
    background: url(icons/advertisement/icon-error.png);
}

.icon-help {
    background: url(icons/advertisement/icon-help.png);
}

.icon-lightpub {
    background: url(icons/advertisement/icon-lightbulb.png);
}

.google-icon {
    background-image: url(images/google-icon.jpg);
    cursor: pointer;
}

.wft-icon {
    background-image: url(images/wft-icon.jpg);
    cursor: pointer;
}

/*Crm: ContactListView.java*/
.icon-document-excel-csv {
    background: url(icons/document-excel-csv.png) no-repeat;
}

/*Crm: ContactListView.java*/
.icon-document-excel {
    background: url(icons/document-excel.png) no-repeat;
}

.icon-document-pdf {
    background: url(icons/document-pdf.png) no-repeat;
}

.icon-import {
    background: url(icons/icon-import.png) no-repeat;
}

.icon-export {
    background: url(icons/icon-export.png) no-repeat;
}

.icon-taskdocuments {
    background: url(icons/task-view-small.gif) no-repeat;
}

.icon-taskdoc-small {
    background: url(icons/task-doc-small.gif) no-repeat;
}

.icon-project-ganttchart {
    background: url(icons/gantt-chart.png) no-repeat;
}

.icon-project-ganttchart-small {
    background: url(icons/gantt-chart-small.png) no-repeat;
}

.icon-issue-edit {
    background: url(icons/issue-edit.png) no-repeat;
}

.icon-issue-edit-small {
    background: url(icons/issue-edit-small.png) no-repeat;
}

.icon-project-employees {
    background: url(icons/project-members.png) no-repeat;
}

.icon-project-employees-small {
    background: url(icons/project-members-small.png) no-repeat;
}

.icon-project-edit {
    background: url(icons/project-edit.png) no-repeat;
}

.icon-project-edit-small {
    background: url(icons/project-edit-small.png) no-repeat;
}

.icon-client-edit {
    background: url(icons/edit-profile.png) no-repeat;
}

.icon-client-edit-small {
    background: url(icons/edit-profile-small.png) no-repeat;
}

.icon-clock {
    background: url(icons/crm/clock.png) no-repeat;
}

.icon-clock-active {
    background: url(icons/crm/clock-active.gif) no-repeat;
}

.icon-submitforapproval {
    background: url("icons/submitforapproval.png") no-repeat;
}

/*Begin Document Icons*/
.sharing-icon {
    background: url(docicons/hrms.png) no-repeat;
}

.cut-icon {
    background: url(docicons/editcut.png) no-repeat;
}

.copy-icon {
    background: url(docicons/editcopy.png) no-repeat;
}

.rename-icon {
    background: url(docicons/edit.png) no-repeat;
}

.folderNew-icon {
    background: url(docicons/folder_new.png) no-repeat;
}

.uploadAmozon-icon {
    background: url(docicons/create-new.png) no-repeat;
}

.download-icon {
    background: url(docicons/download.gif) no-repeat;
}

.trash-doc-icon {
    background: url(docicons/trashcan_empty.png) no-repeat;
}

.delete-icon {
    background: url(docicons/delete-1.png) no-repeat;
}

.group-icon {
    background: url(docicons/edit_group.png) no-repeat;
}

.paste-icon {
    background: url(docicons/editpaste.png) no-repeat;
}

.properties-icon {
    background: url(docicons/view_text.png) no-repeat;
}

/*Emd Document Icons*/

.icon-clock {
    background: url(icons/crm/clock.png) no-repeat;
}

.icon-clock-active {
    background: url(icons/crm/clock-active.gif) no-repeat;
}

.gwt-RichTextArea {
    border: 1px solid black;
    background-color: white;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
}

.task-quickviewPanelCell {
    background-color: #ebf3ff;
}

.quickviewPanelDelimeterCell {
    background-color: #d9d9d9;
}

.padding10 {
    padding: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.redTitle {
    color: red;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.orangeTitle {
    color: orange;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.blueTitle {
    color: blue;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.greenTitle {
    color: green;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.customTitle {
    color: #1f4f8f;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.boldCustomTitle {
    color: #1f4f8f;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.fieldSetPanelLabelTd {
    padding-left: 20px;
    font-weight: bold;
    color: white;
    width: 100%;
    bgColor: #8ba2cb;
}

.fieldSetPanelWidgetTd {
    border-right: #cccccc 1px solid;
    paddint-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*body {
    background: #fff;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    margin: 0px auto 0;
}*/

a {
    color: #000;
}

a:visited {
    color: #000;
}

.gwt-MenuBar {
    /*background: #c3d9ff;*/
    cursor: default;
}

.gwt-MenuItem {
    font-size: 11px;
    margin: 1px;
    cursor: default;
}

.gwt-MenuItem-selected {
    background: #e8eef7;
}

.menu-bar {
    background: none !important;
}

/*.gwt-Tree {

}

.gwt-Tree .gwt-TreeItem span * {
    margin: 0 4px;
}

.gwt-Tree .gwt-TreeItem {
    font-size: 80%;TODO maybe this is necessary, but right now there is only prevention. Check it later.
    cursor: pointer;
}

.gwt-Tree .gwt-TreeItem span {
    padding: 2px 0;
}

.gwt-Tree .gwt-TreeItem-selected span {
    background: #ccc;
}*/

.gwt-Tree .gwt-TreeItem {
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    cursor: hand;
    cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected, .gwt-Tree .gwt-TreeItem-selected .inner-tree {
    background: #93c2f1 url(themes/blue/hborder.png) repeat-x 0px -1463px;
}

.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
    margin-left: 0px;
}

* html .gwt-TreeItem .gwt-RadioButton input,
* html .gwt-TreeItem .gwt-CheckBox input {
    margin-left: -4px;
}

.gwt-StackPanel {
    background: #fff;
    width: 15em;
    border-bottom: 1px solid #666;
}

.gwt-StackPanel .gwt-StackPanelItem {
    cursor: pointer;
    cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    border-bottom: 1px solid #666;
}

.gwt-StackPanel .lcaption {
    width: 32px;
    padding: 0 0 4px 5px;
}

.gwt-StackPanel .rcaption {
    padding: 0 0 4px 5px;
}

.gwt-StackPanel .box-20 {
    text-align: right;
}

.box-00, .box-20 {
    width: 4px;
    background-color: #b6edbc;
}

.is-top .box-00, .is-top .box-20, .is-beneath-selected .box-00, .is-beneath-selected .box-20 {
    background-color: #fff;
}

.box-10 {
    font-size: 2px;
    border-top: 1px solid #666;
    background-color: #deefe1;
}

.box-01, .box-11, .box-21 {
    background: url(gradient.gif) repeat-x top left;
}

.box-01, .box-00 {
    font-size: 2px;
    border-left: 1px solid #666;
}

.box-21, .box-20 {
    font-size: 2px;
    border-right: 1px solid #666;
}

.is-top .box-00, .is-top .box-20 {
    border-right: none;
    border-left: none;
}

.gwt-StackPanel .gwt-StackPanelItem table {
    width: 100%;
}

.mail-TopPanel {
    height: 60px;
}

.mail-TopPanel table {
    font-size: 80%;
}

.mail-TopPanel .gwt-Image {
    margin-left: 10px;
    position: absolute;
}

.mail-TopPanelLinks {
    font-size: 80%;
}

.mail-AboutText {
    width: 24em;
    font-size: 80%;
    padding: 10px;
    text-align: left;
}

.mail-Contacts td, .mail-Tasks td {
    padding: 4px 0 0 0;
}

.mail-Contacts table {
    font-size: 80%;
}

.mail-Tasks table {
    font-size: 80%;
}

.mail-List {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 80%;
    cursor: pointer;
    cursor: hand;
}

.mail-List td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 2px 0 2px 10px;
}

.mail-ListHeader td {
    border-top: none;
}

.mail-ListHeader {
    background: #c1eec8 url(gradient.gif) repeat-x 0px 0px;
    font-weight: bold;
}

.mail-ListHeader .mail-ListNavBar .gwt-HTML {
    font-weight: bold;
}

.mail-ListHeader td {
    padding: 2px 0 2px 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.mail-ListNavBar table {
    font-size: 80%;
}

.mail-ListNavBar td {
    border: none;
}

.mail-ListNavBar a {
    margin: 0 8px;
}

.mail-SelectedRow td {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
}

.mail-SelectedRow {
    background: #eee;
}

.mail-Toolbar .gwt-Image {

}

.mail-ToolButton {
    font-size: 80%;
    width: 10em;
}

.mail-Detail {
    border: 1px solid #666;
    margin-top: 4px;
}

.mail-DetailHeader {
    background: #eee;
    border-bottom: 1px solid #666;
    padding: 6px 4px;
}

.mail-DetailHeader td {
    padding: 0;
}

.mail-DetailInner {
    background-color: white;
    font-size: 80%;
}

.mail-DetailSubject {
    padding: 2px 10px;
    font-weight: bold;
}

.mail-DetailSender {
    font-size: 80%;
    padding: 2px 10px;
}

.mail-DetailRecipient {
    font-size: 80%;
    padding: 2px 10px;
}

.mail-DetailBody {
    line-height: 150%;
    padding: 20px 40px 20px 10px;
    font-family: 'Times New Roman', Times, serif;
}

.mail-ContactPopup {
    background: #fff;
    border: 1px solid #666;
    padding: 4px;
}

.mail-ContactPopupName {
    font-size: 80%;
    font-weight: bold;
}

.mail-ContactPopupEmail {
    font-size: 80%;
    font-style: italic;
}

.mail-StackContent {
    height: 100%;
    padding: 0 0.5em;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

.mail-Contacts {
    border-bottom: none;
}

.icon-page-first-disabled {
    background: url(page-first-disabled.gif) no-repeat;
}

.icon-page-first {
    background: url(page-first.gif) no-repeat;
}

.icon-page-last {
    background: url(page-last.gif) no-repeat;
}

.icon-page-last-disabled {
    background: url(page-last-disabled.gif) no-repeat;
}

.icon-page-next {
    background: url(page-next.gif) no-repeat;
}

.icon-page-next-disabled {
    background: url(page-next-disabled.gif) no-repeat;
}

.icon-page-prev {
    background: url(page-prev.gif) no-repeat;
}

.icon-page-prev-disabled {
    background: url(page-prev-disabled.gif) no-repeat;
}

/*//todo after reomved this style, (not used now, if)
.icon-calendar {
    background: url( calendar.gif ) no-repeat;
}*/

/*todo after reomved this style, (not used now, if)*/
/*.icon-info {
    background: url(icon-info1.gif) no-repeat;
}*/

.totalBold {
    font-weight: bold;
}

.x-form-invalid, textarea.x-form-invalid {
    background-color: #dd7870 !important;
    border: 1px solid #dd7870;
}

.e-disable {
    color: #a9a9a9;
}

.e-no-disable {
    color: black;
}

/* empty message style*/
.addLinkStyle {
    margin-left: 7px;
}

.list-table-scroll-enabled {
    overflow: scroll;
    overflow-x: hidden;
    height: 500px;
}

.list-table-scroll-disabled {
    overflow: auto;
}

.gwt-RichTextToolbar {
    background-color: #C3D9FF;
    padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 2px;
    background-color: #E8F1FF;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 2px;
    background-color: #E8F1FF;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.toolTip {
    text-align: center;
    padding: 5px 5px;
    border: 2px dotted #CC3300;
    background: #dfe8f6;
    color: #15428b;
    cursor: default;
    margin: 10px;
    font: bold 11px tahoma, arial, sans-serif;
    margin-left: 7px;
    z-index: 7000;
}

.toptable {
    background: url(images/tabletop.gif) repeat-x;
    height: 33px;
    margin-left: 20px;
}

.grey {
    background: url(images/grey.gif) repeat-x;
    height: 27px;
}

.total {
    background: url(images/total.gif) repeat-x;
    height: 23px;
}

spiffy {
    display: block;
}

.spiffy * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #e8e8e8;
}

.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    background: #dfdfdf
}

.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    background: #dcdcdc
}

.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}

.spiffy4 {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.spiffy5 {
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf
}

.spiffyfg {
    background: #e8e8e8;
    padding: 5px;
}

/*.wfm-button {*/
/*background:#f5f5f5;*/
/*border:1px solid #aaa;*/
/*border-top:1px solid #ddd;*/
/*border-left:1px solid #ddd;*/
/*padding: 2px;*/
/*width: 12em;*/
/*}*/

/*.wfm-button:active {*/
/*border:1px solid #aaa;*/
/*border-bottom:1px solid #ccc;*/
/*border-right:1px solid #ccc;*/
/*}*/

/*.wfm-button[disabled] {*/
/*background: #ccc;*/
/*border:1px solid #999;*/
/*border-top:1px solid #ccc;*/
/*border-left:1px solid #ccc;*/
/*color: #888;*/
/*}*/

/*.wfm-button, .wfm-button button {*/
/*overflow:hidden;*/
/*height:34px; line-height:34px;*/
/*color:#204D89;*/
/*font-weight:bold;*/
/*background-image:url(images/btn_orange.png);*/
/*background-repeat:no-repeat;}*/
/*.wfm-button {*/
/*float:left; clear:both;*/
/*padding:0 0 0 5px;*/
/*background-position:0 0;*/
/*}*/
/*.wfm-button.active, .wfm-button:active , .wfm-button:hover  {background-position:0 -36px;}*/
/*.wfm-button button {*/
/*padding:0 5px 0 0;*/
/*border:none;*/
/*margin:0;*/
/*background-position:100% 0;*/
/*cursor:pointer;*/
/*}*/
/*.wfm-button.active button, .wfm-button:active button , .wfm-button:hover button  {background-position:100% -36px;}*/
/*.wfm-button.active button, .wfm-button:active button {color:#204D89;}*/

/*.wfm-button, .wfm-button button {*/
/*overflow:hidden;*/
/*height:34px; line-height:34px;*/
/*color:#204D89;*/
/*font-weight:bold;*/
/*background-image:url(images/btn_orange.png);*/
/*background-repeat:no-repeat;}*/
/*.wfm-button {*/
/*float:left; clear:both;*/
/*padding:0 0 0 5px;*/
/*background-position:0 0;*/
/*}*/
/*.wfm-button:hover  {background-position:0 -36px;}*/
/*.wfm-button button {*/
/*padding:0 5px 0 0;*/
/*border:none;*/
/*margin:0;*/
/*background-position:100% 0;*/
/*cursor:pointer;*/
/*}*/
/*.wfm-button:hover button  {background-position:100% -36px;}*/

.wfm-button, .wfm-button button {
    overflow: hidden;
    height: 32px;
    color: #204D89;
    font-weight: bold;
    font-size: 11;
    color: #1f4f8f;
    font-family: tahoma, verdana, helvetica;

    background-image: url(images/btn_orange.png);
    white-space: nowrap;
    background-repeat: no-repeat;
}

.wfm-button {
    float: left;
    clear: both;
    padding: 0 0 0 5px;
    margin-right: 10px;
    background-position: 0 0;
    white-space: nowrap;
}

.wfm-button.active, .wfm-button:active,
.wfm-button:hover, .wfm-button.hover {
    background-position: 0 -34px;
}

.wfm-button.disabled, .wfm-button.disabled button {
    background: #ccc;
    color: #888;
}

.wfm-button button {
    /*//width:0;   overflow:visible;    */
    padding: 8px 5px 8px 0;
    border: none !important;
    background-color: #f39e20;
    background-position: 100% 0;
    cursor: pointer;
}

html  > body .wfm-button button {
    margin-right: 0px;
    padding-right: 6px; /*for Safari*/
}

.wfm-button button:focus {
    outline: 0;
}

.wfm-button.active button, .wfm-button:active button,
.wfm-button:hover button, .wfm-button.hover button {
    background-position: 100% -34px;
}

.wfm-button.active button, .wfm-button:active button {
    color: green;
}

/*/////////////////////////-----------------------WfmPanel styles---------------------/////////////////////////////////*/
.main {
    display: block;
}

.main * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: beige;
}

.main-red {
    display: block
}

.main-red * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: red;
}

.main-yellow {
    display: block
}

.main-yellow * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #FAD163;
}

.main-blue {
    display: block
}

.main-blue * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #97bee5;
}

.main-green {
    display: block
}

.main-green * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: green;
}

.main-white {
    display: block
}

.main-white * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: white;
}

.main-gray {
    display: block
}

.main-gray * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #E8E8E8;
}

.main-lavender {
    display: block
}

.main-lavender * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: lavender;
}

.main-pink {
    display: block
}

.main-pink * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #FFD9AA;
}

.mainfg {
    background-color: beige;
}

.mainfg-red {
    background-color: red;
}

.mainfg-yellow {
    background-color: #FAD163;
    color: #000000;
}

.mainfg-blue {
    background-color: #ebf3fe;
    border: 1px solid #97bee5;
}

.mainfg-green {
    background-color: green;
}

.mainfg-white {
    background-color: white;
}

.mainfg-gray {
    background-color: #E8E8E8;
}

.mainfg-lavender {
    background-color: lavender;
}

.mainfg-pink {
    background-color: #FFD9AA;
}

.main1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #faf9de;
    border-right: 1px solid #faf9de;
    background: #f7f6c6;
}

.main2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #fefdf7;
    border-right: 1px solid #fefdf7;
    background: #f6f5c2;
}

.main3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #f6f5c2;
    border-right: 1px solid #f6f5c2;
}

.main4 {
    border-left: 1px solid #faf9de;
    border-right: 1px solid #faf9de;
}

.main5 {
    border-left: 1px solid #f7f6c6;
    border-right: 1px solid #f7f6c6;
}

/*//////////////////////---------------------------End of WfmPanel Styles--------------------------/////////////////////*/

/**********************************************Beginnning of JournalTable Styles*****************************************/
.first-header-background {
    background-color: #D7E7FF;
}

.second-header-background {
    background-color: #B7C0C7;
}

.cell-settings-1 {
    padding-left: 4px;
}

.cell-settings-2 {
    padding-left: 20px;
}

.cell-settings-3 {
    padding-left: 40px;
}

.whiteSpace div {
    white-space: nowrap;
}

.line {
    background: url(images/line.gif) repeat-x;
    height: 2px;
}

.line1 {
    background-image: url(images/line.gif);
    background-repeat: repeat-x;
    background-position: 0 1px;
    height: 1px !important;
    line-height: 1px !important;
}

.under-line {
    background: url(images/under-line.gif) repeat-x;
    height: 2px;
}

.header-cell-settings {
    text-align: right;
    padding-right: 4px;
}

.cell-border-style {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: gray;
}

.total-cell-border-style {
    height: 30px;

    /* border-top-width: 2px;
   border-top-style: solid;
   border-top-color: black;

   border-bottom-width: 4px;
   border-bottom-style: double;
   border-bottom-color: black;*/
}

.total-cell-border-style-2 {
    /*border-top-width: 2px;
    border-top-style: solid;
    border-top-color: black;*/
}

/**********************************************End of JournalTable Styles*****************************************/

/********************************************Budgetsheet Styles***************************************************/
.group-row-style {
    border-width: 0px;
    background: transparent url(themes/blue/shortcut_selected_bgr.png) repeat-x;
}

.textbox-style {
    background-color: lightskyblue;
    border: none;
}

.cell-background-on-click {
    background-color: lightskyblue;
}

.fixed-cell-background {
    background-color: gainsboro;
}

/*******************************************Beginning of WfmTabPanel styles********************************************/
.default-tab-style {
    background-color: #E9E9E9 /*#EFEFEF*/;
    color: black;
    font: normal;
    cursor: pointer;
}

.on-tab-select {
    background-color: #FFAC37;
    color: white; /*font: bold;*/
    cursor: pointer;
}

.on-tab-select-begin-arrange {
    background-image: url(wfmTabPanel/new/on-tab-select-begin-arrange.jpg); /*url(wfmTabPanel/old/on-tab-select-begin-arrange.jpg)*/
    cursor: pointer;
}

.on-tab-select-end-arrange {
    background-image: url(wfmTabPanel/new/on-tab-select-end-arrange.jpg); /*url(wfmTabPanel/old/on-tab-select-end-arrange.jpg)*/
    cursor: pointer;
}

.on-tab-select-last-arrange {
    background-image: url(wfmTabPanel/new/on-tab-select-last-arrange.jpg);
    cursor: pointer;
}

.un-tab-select {
    background-image: url(wfmTabPanel/new/un-tab-select-arrange.jpg); /*url(wfmTabPanel/old/un-tab-select-arrange.jpg)*/
    cursor: pointer;
}

.un-tab-select-last-arrange {
    background-image: url(wfmTabPanel/new/un-tab-select-last-arrange.jpg);
    cursor: pointer;
}

.tab-panel-style {
    border-color: #B6B6B6;
    background-color: #EFEFEF;
    border-style: solid none;
    border-width: 1px;
    border-bottom: 1px solid #B6B6B6;
    border-top: 1px solid #B6B6B6;
}

/*********************************************End of WfmTabPanel styles************************************************/

/*********************************************Beginning of NumerableTextBox styles*************************************/
.panel-back-style {
    background-color: white;
}

.simple-button-up {
    display: block;
    background-color: #c7c9ce;
    border-style: solid none;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-right: none;
    border-bottom: none;
}

.simple-button-array-up {
    display: block;
    background: url(themes/blue/popup-menu-arrow-up.png) no-repeat;
}

.simple-button-down {
    display: block;
    background-color: gainsboro;
    background-image: url(themes/blue/popup-menu-arrow-down.png);
    border-style: solid none;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
}

/*********************************************End of NumerableTextBox styles*******************************************/

/*********************************************AddNewPreInvoiceView styles**********************************************/
.on-check-radio-panel-style {
    border: 1px solid #f59711;
    background: #fbce70;
}

.un-check-radio-panel-style {
    border: 1px solid #97bee5;
    background: #e8eff7;
}

/*******************************************Special Button Styles******************************************************/
.button-left-side {
    background-image: url(specialButton/button-left-side.gif);
}

.button-middle-on-mouse-over {
    background-image: url(specialButton/button-main-background.gif);
    cursor: pointer;
}

.button-middle-on-mouse-out {

}

.button-right-side {
    background-image: url(specialButton/button-right-side.gif);
}

/*******************************************PROGRESS BAR Styles********************************************************/
.progressbar-text {
    font-weight: bold;
}

.progressbar-remaining {
    font-size: 12px;
    font-style: italic;
}

.progressbar-outer {
    border: 1px solid black;
}

.progressbar-inner {
    border: 0.5px solid black;
    margin: 1px;
}

.progressbar-bar {
    width: 5px;
    height: 9px;
    margin: 1px;
}

.progressbar-fullbar {
    background: darkturquoise;
}

.progressbar-blankbar {
    background: #eee;
}

.uploadLinkStyle {
    color: green;
    font-weight: bold;
}

.uploadLinkStyle2 {
    text-decoration: underline;
    cursor: pointer;
}

/*todo after removed this style AND after changed*/
.blueBoldTitle {
    color: #1f4f8f;
    font-family: tahoma, verdana, helvetica;
    font-size: 11px;
    font-weight: bold;
}

.add-font {
    font-family: arial;
    font-size: 11px;
    color: #6C6C6C;
}

/********************** Dashboard Tabs Icons *************************/

.icon-note {
    background: url(icons/note.png);
}

.icon-expand {
    background: url(icons/expand.gif) no-repeat;
    cursor: pointer;
}

.icon-collapse {
    background: url(icons/collapse.gif) no-repeat;
    cursor: pointer;
    background-color: chartreuse;
}

/* HELP TEXT*/
.hp {
    background-color: #e8e8e8;
}

.hp_l_t {
    background-image: url("images/hp/hp_l_t.jpg");
    vertical-align: top;
    width: 9px;
    height: 10px;
    background-position: left top;
    background-repeat: no-repeat;
}

.hp_r_t {
    background-image: url("images/hp/hp_r_t.jpg");
    vertical-align: top;
    width: 9px;
    height: 10px;
    background-position: right top;
    background-repeat: no-repeat;
}

.hp_l_b {
    background-image: url("images/hp/hp_l_b.jpg");
    vertical-align: bottom;
    width: 9px;
    height: 10px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.hp_r_b {
    background-image: url("images/hp/hp_r_b.jpg");
    vertical-align: bottom;
    width: 9px;
    height: 10px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.icon-add {
    background-image: url(icons/statusbar/add.png);
    cursor: pointer;
}

.icon-open-intab {
    background-image: url(icons/statusbar/open-in-tab.png);
    cursor: pointer;
}

.icon-slide-down {
    background-image: url(icons/statusbar/slide-down.png);
    cursor: pointer;
}

.icon-bg-header {
    background-image: url(icons/statusbar/bgHeader.png);
    background-color: aqua;
}

.icon-call {
    background: url(icons/crm/call.png) no-repeat;
}

.icon-sales-quote {
    background: url(icons/accounting/sale-quotes.png) no-repeat;
}

.icon-add-green {
    background: url(icons/crm/green.png) no-repeat;
}

.icon-linkedin {
    background: url(icons/crm/linkedin.png) no-repeat;
}

.icon-look-up {
    background: url(icons/crm/look-up.png) no-repeat;
}

.icon-schedile {
    background: url(icons/crm/schedule.png) no-repeat;
}

.icon-skype {
    background: url(icons/crm/skype-icon.png) no-repeat;
}

.icon-assignee {
    background: url(icons/crm/assignee.png) no-repeat;
}

.icon-change-status {
    background: url(icons/crm/change-status.png) no-repeat;
}

.icon-edit-subscriptions {
    background: url(icons/crm/edit-subscriptions.png) no-repeat;
}

.icon-send-sales-invoice {
    background: url(icons/crm/send-sales-invoice.png) no-repeat;
}

.icon-send-sales-quote {
    background: url(icons/crm/send-sales-quote.png) no-repeat;
}

.icon-bar-contacts {
    background: url(icons/statusbar/contacts.png) no-repeat;
}

/*Todo remove then ASAP*/

.icon-bar-notes {
    background: url(icons/statusbar/notes.png) no-repeat;
}

.search-textbox {
    color: #999999;
}

.gray-background {
    background-color: #efefef;
}

.icon-search-text {
    background: url(icons/statusbar/search.png) no-repeat;
}

.icon-bar-calendar {
    background: url(icons/statusbar/calendar.png) no-repeat;
}

/*********************************************PopupMenu component styles***********************************************/
.menu-item-main {
    display: block;
}

.menu-item-main * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #F0F0F0;
}

.menu-item-main-figure {
    background-color: #F0F0F0;
    border: 1px solid #718Bb7;
    z-index: 10000;
}

.menu-item-side-1 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #faf9de;
    border-right: 1px solid #faf9de;
    background: #f7f6c6;
}

.menu-item-side-2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #fefdf7;
    border-right: 1px solid #fefdf7;
    background: #f6f5c2;
}

.menu-item-side-3 {
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #f6f5c2;
    border-right: 1px solid #f6f5c2;
}

.menu-item-side-4 {
    border-left: 1px solid #faf9de;
    border-right: 1px solid #faf9de;
}

/*********************************************End of PopupMenu component styles****************************************/

.cellitem-margin-left {
    margin-left: 10px;
}

.cellitem-margin-right {
    margin-right: 10px;
}

/* flash chart legends */
.wfm-legend-style {
    float: left;
    white-space: nowrap;
    margin: 0 5px 0 3px;
}

/*********************************************Filter Tree**************************************************************/

.tree-item-active {
    background-image: url(wfmTabPanel/old/on-tab-select-background.jpg);
    border: 1px dotted #e8eff7;
}

.expand-button-on-mouse-out {
    background-image: url(themes/blue/tool-sprites.gif); /*url(icons/tool-sprites.gif)*/
    background-position: 0 165;
    cursor: pointer;
}

.expand-button-on-mouse-over {
    background-image: url(themes/blue/tool-sprites.gif);
    background-position: 15 165;
    cursor: pointer;
}

.collapse-button-on-mouse-out {
    background-image: url(themes/blue/tool-sprites.gif);
    background-position: 0 150;
    cursor: pointer;
}

.collapse-button-on-mouse-over {
    background-image: url(themes/blue/tool-sprites.gif);
    background-position: 15 150;
    cursor: pointer;
}

.tree-border-style {
    border: 1px solid skyblue;
}

/********************************************End of Filter Tree********************************************************/

/*********************************************Search **************************************************************/
.stat-bar {
    overflow: hidden !important;
    zoom: 1 !important;
    padding: 0.1em 1em !important;
    background: #F0F7F9 none repeat scroll 0 0;
    border-top: 1px solid #6B90DA;
}

.coo.stat-bar {
    border-top: 1px solid #C0ACD9 !important;
    background: #C0ACD9 none repeat scroll 0 0 !important;
}

.stat-bar p {
    line-height: 28px !important;
    margin: 0 !important;
}

.search-pager {
    cursor: pointer;
}

.search-pager div span {
    width: 16px;
    text-decoration: underline;
}

/** Start styles for lists  UL,OL, DL **/
.srch-results {
    clear: left;
}

.srch-results li {
    margin: 2.5em 0 !important;
}

.srch-results li p span, .srch-results li p {
    font-weight: normal !important;
    font-size: small !important;
}

.srch-results li span em {
    font-weight: bold;
}

.coo .srch-results li {
    margin-left: 28px !important;
}

.coo .srch-results li a {
    font-weight: bolder;
}

.coo .srch-results li p, .coo .srch-results li em, .coo .srch-results li a, .coo .srch-results li span {
    color: #370C96 !important;
}

.srch-results li a {
    font-size: medium !important;
    color: #2200C1;
}

.srch-results li a em {
    font-style: normal !important;
    font-weight: bold !important;
}

.srch-results li p {
    max-width: 45em !important;
    _width: 45em !important;
    margin: 4px !important;
    font-size: small !important;
}

.srch-results li cite {
    color: #0E774A !important;
    font-style: normal !important;
}

.search-box {
    font-size: 120%;
    margin: 5px;
    /*margin-top: 10px;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 5px;*/
    vertical-align: middle !important;
    padding-left: 0.2em
}

.search-button {
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    background-color: #4D90FE;
    border: 1px solid #3079ED;
    margin-top: 10px;
}

.sort {
    text-align: center;
    margin: 10px 0 20px;
    overflow: hidden;
    clear: both;
}

.sort li {
    display: inline;
    margin: 0 5px;
    cursor: pointer;
    font-size: 150%;
    text-decoration: underline;
    color: blue;
}

.sort li span {
    text-decoration: none;
    color: red;
}

.sort .act a {
    font-weight: bold;
    color: red;
}

.cropFilter {
    filter: alpha(opacity = 80);
    opacity: 0.8;
    cursor: hand !important;
}

.cropOpen {
    filter: alpha(opacity = 100);
    opacity: 1;
}

/*********************************************END Search**************************************************************/

.gwt-Tree-Test .gwt-TreeItem {
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    cursor: hand;
    cursor: pointer;
}

.gwt-Tree-Test .gwt-TreeItem-selected {
    background: #93c2f1 url(themes/blue/hborder.png) repeat-x 0px -1463px;
}

.paddingTop3 {
    padding-top: 3px;
}

.paddingTop4 {
    padding-top: 4px;
}

.profile-image {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    text-align: center; /*padding-top:3px;*/
    /*padding-bottom:3px;*/
}

.contact-profile-image {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    text-align: center;
    cursor: pointer;
}

/*************************************** Begining of FlexPanel and OvalPanel *******************************************************/

.panel-main * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: white;
}

.panel-background {
    background-color: white;
    border-left: 1px solid darkgray;
    border-right: 1px solid darkgray;
}

.panel-border {
    border-left: 1px solid darkgray;
    border-right: 1px solid darkgray;
}

.panel-border-top {
    border-top: 1px solid #ABABAB;
}

.panel-border-left {
    border-left: 1px solid #ABABAB;
}

.panel-border-right {
    border-right: 1px solid #ABABAB;
}

.panel-border-bottom {
    border-bottom: 1px solid #ABABAB;
}

.panel-title {
    color: #1F4F8F;
    font-size: 14px;
}

/***************SNCONTAINER*****************/
.panel-main-sn * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #72c5e5;
}

.panel-background-sn {
    background-color: #72c5e5;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.panel-border-sn {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.panel-border-top-sn {
    border-top: 1px solid white;
}

.panel-border-left-sn {
    border-left: 1px solid white;
}

.panel-border-right-sn {
    border-right: 1px solid white;
}

.panel-border-bottom-sn {
    border-bottom: 1px solid white;
}

/***************SNCONTAINER*****************/
/***************BLUE************************/
.panel-main-blue * {
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background-color: #D4D9E0;
}

.panel-background-blue {
    background-color: #eceff5;
    border-left: 1px solid #D4D9E0;
    border-right: 1px solid #D4D9E0;
}

.panel-border-blue {
    border-left: 1px solid #D4D9E0;
    border-right: 1px solid #D4D9E0;
}

.panel-border-top-blue {
    border-top: 1px solid #D4D9E0;
}

.panel-border-left-blue {
    border-left: 1px solid #D4D9E0;
}

.panel-border-right-blue {
    border-right: 1px solid #D4D9E0;
}

.panel-border-bottom-blue {
    border-bottom: 1px solid #D4D9E0;
}

/***************BLUE**********************/
.oval-left-top {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 0px 50px;
}

.oval-right-top {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 25px 50px;
}

.oval-left-bottom {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 0px 25px;
}

.oval-right-bottom {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 25px 25px;
}

.close-button {
    background: url(ovalPanel/close-button.gif) no-repeat;
    cursor: pointer;
}

.oval-panel-background {
    background-color: white;
}

/*************************************** End of FlexPanel and OvalPanel ************************************************************/
.inline {
    display: inline;
}

.overflowHidden {
    overflow: hidden;
}

.cursorHand {
    cursor: pointer;
    cursor: hand;
}

.hiddenPicture {
    visibility: hidden;
}

.accountDetailsOvalPanel {
    background: azure;
}

.accountDetailsPopupPanel {
    background: darkslategray;
}

.redBoldLink {
    color: red;
    font-weight: bold;
}

.positionAbsolute {
    position: absolute;
}

.padddingLeft15 {
    padding-left: 15px;
}

.padddingLeft5 {
    padding-left: 5px;
}

.transparentBackground {
    background: transparent;
}

/* Pricing related CSS, used in Pricing, MyAccount modules*/
/**{margin:0; padding:0}*/
/*body{font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:13px}*/
.pricing-bg {
    background-color: #e3efff;
    width: 140px;
    padding: 5px 0;
    vertical-align: middle;
}

.pricing-bl {
    background: url(images/blue.png) repeat-x;
    height: 93px;
    width: 140px;
    vertical-align: middle;
}

.pricing-bottom {
    color: #fff;
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pricingTitle {
    font-size: 15px;
    color: #1da405;
}

.pricingAmount {
    color: #666666;
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pricingText {
    color: #666666;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pricingPadding1 {
    padding-left: 15px;
}

.pricingPadding2 {
    padding-left: 22px;
}

.pricingPadding3 {
    padding-left: 25px;
}

.pricingPadding4 {
    padding-left: 12px;
}

.pricingTable {
    border-collapse: separate;
    border-spacing: 1px;
    margin: 8px 0 15px 10px;
}

.pricingTable td {
}

/************************************* Date Picker Styles ***********************************************************/

.gwt-DatePicker {
    border: 1px solid #A2BBDD;
    cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
    outline: none
}

.datePickerMonthSelector td:focus {
    outline: none
}

.datePickerDays {
    width: 100%;
    background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    font-size: 100%;
    text-align: center;
    padding: 4px 5px;
    outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    background: #C3D9FF;
    padding: 0px 4px 2px;
    cursor: default;
}

.datePickerDay {
    padding: 4px;
    cursor: hand;
    cursor: pointer;
}

.datePickerDayIsToday {
    border: 1px solid black;
    padding: 3px;
}

.datePickerDayIsWeekend {
    background: #EEEEEE;
}

.datePickerDayIsFiller {
    color: #888888;
}

.datePickerDayIsValue {
    background: #aaccee;
}

.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}

.datePickerDayIsHighlighted {
    background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
    background: #bbddd9;
}

.datePickerMonthSelector {
    background: #C3D9FF;
    width: 100%;
}

.datePickerPreviousButton,
.datePickerNextButton {
    font-size: 120%;
    line-height: 1em;
    color: blue;
    cursor: hand;
    cursor: pointer;
    padding: 0px 4px;
}

td.datePickerMonth {
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    font-size: 90%;
    font-weight: bold;
    color: blue;
}

.gwt-DateBox input {
    width: 8em;
}

.dateBoxFormatError {
    background: #ffcccc;
}

.dateBoxPopup {
}

/************************************* End of Styles ***********************************************************/
/************************************* TextArea2      **********************************************************/
.counterGreen, .counterGreen * {
    color: green;
    font-size: 11px;
}

.counterRed, .counterRed * {
    color: red;
    font-size: 11px;
    font-weight: 500;
}

/************************************* TextArea2      **********************************************************/

.backgroundColorW {
    background: #fff;
}

/*******************End of Core.css*******************************************/

/*******************Begin of DatePicker.css*******************************************/
/* Blue theme */
.blue-date-picker {
    background-color: #C3D9FF;
    color: #112ABB;
    width: 165px;
}

.blue-month-line {
    width: 165px;
    color: #112ABB;
    font-size: 8pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: center;
    cursor: pointer;
}

.blue-month-line2 {
    width: 200px;
    color: #112Aff;
    font-size: 8pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: center;
    cursor: pointer;
}

.blue-week-line {
    width: 165px;
    color: black;
    font-size: 8pt;
    font-family: Verdana;
    text-align: center;
}

.blue-day-grid {
    border: 1pt solid #AACCEE;
    background-color: white;
    width: 165px;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    border-collapse: collapse;;
    background-color: white;
    cursor: pointer;
}

.blue-day-grid-not-pointer {
    border: 1pt solid #AACCEE;
    background-color: white;
    width: 165px;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    border-collapse: collapse;;
    background-color: white;
}

.blue-day-grid2 {
    border: 1pt solid #AACCEE;
    background-color: white;
    width: 165px;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    border-collapse: collapse;;
    background-color: white;
}

.blue-current-month-selected {
    /*background-color: #75A9ff;*/
    color: black;
    border: 1px solid #000000;
    font-weight: bold;
}

.blue-selected {
    /*background-color: #75A9ff;*/
    color: #aaa;
    border: 1px solid #000000;
    font-weight: bold;
}

.blue-week-end {
    color: #aaa;
    background-color: #eee;
}

.blue-current-month-week-end {
    background-color: #eee;
    color: black;
}

.blue-other-day {
    color: #aaa;
}

.blue-current-month-other-day {
    color: black;
}

.blue-day-grid tr {
    height: 20px;
}

.blue-current-day {
    border: thin solid red;
    color: black;
}

.blue-blue-day {
    background-color: #C3D9FF;
    border: thin solid white;
    color: black;
}

.blue-red-day {
    background-color: red;
    border: thin solid white;
    color: white;
}

.blue-off-day {
    color: red;
    border: thin solid #eee;
    background-color: #eee;
}

.blue-current-week-day {
    background-color: gainsboro;
}

/*Pink theme*/
.pink-date-picker {
    background-color: #F2D3D3;
    color: #C26262;
    width: 165px;
}

.pink-month-line {
    width: 165px;
    color: #C26262;
    font-size: 8pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: center;
    cursor: pointer;
}

.pink-week-line {
    width: 165px;
    color: black;
    font-size: 8pt;
    font-family: Verdana;
    text-align: center;
}

.pink-day-grid {
    border: 1pt solid #AACCEE;
    background-color: white;
    width: 165px;
    text-align: center;
    font-size: 8pt;
    font-family: Verdana;
    border-collapse: collapse;;
    background-color: white;
    cursor: pointer;
}

.pink-current-month-selected {
    background-color: #F39E9D;
    color: black;
}

.pink-selected {
    background-color: #F39E9D;
    color: #aaa;
}

.pink-week-end {
    color: #aaa;
    background-color: #eee;
}

.pink-current-month-week-end {
    background-color: #eee;
    color: black;
}

.pink-other-day {
    color: #aaa;
}

.pink-current-month-other-day {
    color: black;
}

.pink-day-grid tr {
    height: 20px;
}

.cell-day-number-line {
    border: thin solid red;
    color: #aaa;
}

/*******************End of DatePicker.css*******************************************/

.boxUnderMyProfile {
    background: #eff8ff;
    border: 1px #81bcf4 solid;
    margin: 5px 5px 5px 5px;
}

.bottomDottedTD {
    padding-bottom: 3px;
    border-bottom: 1px dotted darkgray;
}

.tabBarLinks a {
    color: #15669d;
    text-decoration: none;
    font-size: 12px;
}

/**************************************** Crop - crop*/
.imgCropHoriz {
    position: absolute;
    width: 100%;
    height: 1px;
    background: transparent url(crop/horizBorder.gif) repeat-x 0 0;
    z-index: 3;
}

.imgCropVert {
    position: absolute;
    height: 100%;
    width: 1px;
    background: transparent url(crop/verBorder.gif) repeat-y 0 0;
    z-index: 3;
}

.imgCropHandle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    height: 6px;
    line-height: 6px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    width: 6px;
    z-index: 5 !important;
}

/*****************************************/
/* Gwt Dialog Box style began */
.gwt-DialogBox {
    z-index: 6999 !important;
}

.gwt-DialogBox .Caption {
    background: #e3e8f3 url(themes/blue/hborder.png) repeat-x 0px -2003px;
    padding: 4px 4px 4px 8px;
    cursor: move;
    border-bottom: 1px solid #bbbbbb;
    border-top: 5px solid #d0e4f6;
}

.gwt-DialogBox .dialogContent {
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 3px;
    background: #DFE8F6;
}

.gwt-DialogBox .dialogBottomCenter {
    background: url(themes/blue/hborder.png) repeat-x 0px -4px;
    -background: url(themes/blue/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url(themes/blue/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
    background: url(themes/blue/vborder.png) repeat-y -4px 0px;
    -background: url(themes/blue/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
    background: url(themes/blue/corner.png) no-repeat -13px 0px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
    background: url(themes/blue/corner.png) no-repeat -18px 0px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
    background: url(themes/blue/corner.png) no-repeat 0px -15px;
    -background: url(themes/blue/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
    background: url(themes/blue/corner.png) no-repeat -5px -15px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
    width: 5px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
    width: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
    width: 5px;
    height: 8px;
    overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
    width: 8px;
    height: 8px;
    overflow: hidden;
}

/* Gwt dilaog box style end */

.gwt-DecoratedPopupPanel .popupContent {
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
    padding: 3px;
    background: #d0e4f6;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
    background: url(themes/blue/hborder.png) repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
    background: url(themes/blue/hborder.png) repeat-x 0px -4px;
    -background: url(themes/blue/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
    background: url(themes/blue/vborder.png) repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
    background: url(themes/blue/vborder.png) repeat-y -4px 0px;
    -background: url(themes/blue/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
    width: 8px;
    height: 5px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
    width: 8px;
    height: 8px;
    zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
    background: url(themes/blue/corner.png) no-repeat 0px -10px;
    -background: url(themes/blue/corner_ie6.png) no-repeat 0px -10px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
    background: url(themes/blue/corner.png) no-repeat -5px -10px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -5px -10px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
    background: url(themes/blue/corner.png) no-repeat 0px -15px;
    -background: url(themes/blue/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
    background: url(themes/blue/corner.png) no-repeat -5px -15px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
    width: 5px;
    height: 5px;
    overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
    width: 8px;
    height: 5px;
    overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
    width: 5px;
    height: 8px;
    overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.workspace .gwt-PopupPanel {
    border: 3px solid #C3D9FF;
    padding: 3px;
    background: white;
}

.gwt-Caption {
    background: #e3e8f3 url(themes/blue/hborder.png) repeat-x 0px -2003px;
    padding: 3px 4px 3px 8px;
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
}

.wfm-facet-list {
    padding: 5px 3px 0 5px;
}

/*GWT UPLOAD CSS Begin DO NOT DELETE*/
.GWTUpld, table.GWTUpld td {
    font-family: Verdana, Arial;
    font-size: 12px;
}

.GWTUpld form,
.GWTUpld .upld-form-elements {
    padding: 0px;
    vertical-align: top;
}

.GWTUpld .upld-status {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

.GWTUpld .upld-status div.cancel {
    background: url(images/cancel-upld.gif) no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-top: 1px;
}

* html .GWTUpld .upld-status div.cancel {
    width: 14px;
    height: 10px;
    margin-top: 2px;
}

.GWTUpld .upld-status div.cancel:hover {
    background: url(images/cancel-upld-hover.gif) no-repeat;
}

.GWTUpld .upld-status .filename {
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 10px;
    height: 100%;
}

.GWTUpld .upld-status .status {
    padding-left: 8px;
    white-space: nowrap;
    height: 100%;
}

.GWTUpld .upld-status .status-success {
    color: green;
}

.GWTUpld .upld-status .status-error,
.GWTUpld .upld-status .status-canceled {
    color: red;
}

.GWTUpld .prgbar-back {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    height: 10px;
    overflow: hidden;
    padding: 1px;
    width: 100px;
    float: left;
}

* html .GWTUpld .prgbar-back {
    height: 12px;
    margin-top: 2px;
}

.GWTUpld .prgbar-done {
    background: #d4e4ff none repeat scroll 0 0;
    font-size: 0;
    height: 100%;
    float: left;
}

.GWTUpld .prgbar-msg {
    position: absolute;
    z-index: 9;
    font-size: 9px;
    font-weight: normal;
    margin-left: 3px;
}

* html .GWTUpld .prgbar-msg {
    top: 0px;
    left: 4px;
}

.GWTUpld .changed {
    color: red;
    font-weight: bold;
    text-decoration: blink;
}

.gwt-PopupPanel .GWTUpld {
    border: 2px groove #F6A828;
    padding: 10px;
    background: #bf984c;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;

}

.GWTUpld .DecoratedFileUpload {
    margin-right: 5px;
}

.GWTUpld .DecoratedFileUpload .gwt-Button,
.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
    white-space: nowrap;
    font-size: 10px;
}

.GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
    font-size: 10px;
    min-height: 15px;
}

.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.GWTUpld .gwt-Button:HOVER,
.GWTUpld .DecoratedFileUpload .gwt-Button-over,
.GWTUpld .DecoratedFileUpload .gwt-Anchor-over,
.GWTUpld .DecoratedFileUpload .gwt-Label-over {
    color: #af6b29;
}

.GWTUpld .DecoratedFileUpload-disabled .gwt-Button,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Anchor,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Label {
    color: grey;
}

/*GWT UPLOAD CSS END*/

/******************************Editor styles BEGIN*****************************/

.Editor {
}

.Editor-IFrame {
    border: 1px solid #bbbbbb;
}

.Editor-Toolbar {
    border-top: 1px solid #d0e4f6;
    border-left: 1px solid #d0e4f6;
    border-right: 1px solid #d0e4f6;
    border-bottom: 1px solid #d0e4f6;
    background-color: #C3D9FF;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.Editor-Toolbar-Select {
    font-size: 12px;
    margin: 4px;
}

.Editor-DialogBox {
    sborder: 8px solid #C3D9FF;
    border: 1px solid #d0e4f6;
    background-color: white;
    font-size: 12px;
    -moz-border-radius: 5px;
}

.Editor-DialogBox td, .Editor-DialogBox div {
    font-size: 12px;
    vertical-align: bottom;
}

.Editor-DialogBox-Content {
    padding: 8px;
}

.Editor-DialogBox .Caption {
    font-family: tahoma, arial, sans-serif;
    background-color: #15428B;
    color: white;
    padding: 3px 5px 5px 10px;
    margin: 0px;
    font-weight: bold;
    font-size: 14px;
    cursor: default;
}

.Editor-Toolbar-Button {
    width: 16px;
    height: 16px;
    background-image: url(toolbar_strip.gif);
    border: 1px solid #C3D9FF;
    margin: 2px;
}

.Editor-Toolbar-Button-hover {
    background-color: #C3D9FF;
    border-color: #E8F1FF #9DAECD #9DAECD #E8F1FF;
    border-style: solid;
    border-width: 1px;
    margin-right: 2px;
}

.Editor-Toolbar-Button-spacer {
    background-position: 0px 752px;
    background-color: #C3D9FF;
    height: 16px;
    width: 1px;
    border: 1px solid #C3D9FF;
    margin: 0px 3px 0px 3px;
}

.Editor-Toolbar-Button-Source {
    background-position: 0px 0px;
}

.Editor-Toolbar-Button-Something1 {
    background-position: 0px 1040px;
}

.Editor-Toolbar-Button-Save {
    background-position: 0px 1024px;
}

.Editor-Toolbar-Button-New {
    background-position: 0px 1008px;
}

.Editor-Toolbar-Button-Preview {
    background-position: 0px 992px;
}

.Editor-Toolbar-Button-New2 {
    background-position: 0px 976px;
}

.Editor-Toolbar-Button-Cut {
    background-position: 0px 960px;
}

.Editor-Toolbar-Button-Copy {
    background-position: 0px 944px;
}

.Editor-Toolbar-Button-Paste {
    background-position: 0px 928px;
}

.Editor-Toolbar-Button-PasteTextOnly {
    background-position: 0px 912px;
}

.Editor-Toolbar-Button-PasteRichText {
    background-position: 0px 896px;
}

.Editor-Toolbar-Button-Print {
    background-position: 0px 880px;
}

.Editor-Toolbar-Button-SpellCheck {
    background-position: 0px 864px;
}

.Editor-Toolbar-Button-Undo {
    background-position: 0px 848px;
}

.Editor-Toolbar-Button-Redo {
    background-position: 0px 832px;
}

.Editor-Toolbar-Button-Find {
    background-position: 0px 816px;
}

.Editor-Toolbar-Button-Replace {
    background-position: 0px 800px;
}

.Editor-Toolbar-Button-Something2 {
    background-position: 0px 784px;
}

.Editor-Toolbar-Button-ClearFormat {
    background-position: 0px 768px;
}

.Editor-Toolbar-Button-Bold {
    background-position: 0px 752px;
}

.Editor-Toolbar-Button-Italic {
    background-position: 0px 736px;
}

.Editor-Toolbar-Button-Underline {
    background-position: 0px 720px;
}

.Editor-Toolbar-Button-StrikeThrough {
    background-position: 0px 704px;
}

.Editor-Toolbar-Button-Subscript {
    background-position: 0px 688px;
}

.Editor-Toolbar-Button-Superscript {
    background-position: 0px 672px;
}

.Editor-Toolbar-Button-OL {
    background-position: 0px 656px;
}

.Editor-Toolbar-Button-UL {
    background-position: 0px 640px;
}

.Editor-Toolbar-Button-IndentLeft {
    background-position: 0px 624px;
}

.Editor-Toolbar-Button-IndentRight {
    background-position: 0px 608px;
}

.Editor-Toolbar-Button-AlignLeft {
    background-position: 0px 592px;
}

.Editor-Toolbar-Button-AlignCenter {
    background-position: 0px 576px;
}

.Editor-Toolbar-Button-AlignRight {
    background-position: 0px 560px;
}

.Editor-Toolbar-Button-AlignJustify {
    background-position: 0px 544px;
}

.Editor-Toolbar-Button-Link {
    background-position: 0px 528px;
}

.Editor-Toolbar-Button-UnLink {
    background-position: 0px 512px;
}

.Editor-Toolbar-Button-Anchore {
    background-position: 0px 496px;
}

.Editor-Toolbar-Button-Image {
    background-position: 0px 480px;
}

.Editor-Toolbar-Button-Flash {
    background-position: 0px 464px;
}

.Editor-Toolbar-Button-Table {
    background-position: 0px 448px;
}

.Editor-Toolbar-Button-HR {
    background-position: 0px 432px;
}

.Editor-Toolbar-Button-Smile {
    background-position: 0px 416px;
}

.Editor-Toolbar-Button-SpecialCharacter {
    background-position: 0px 400px;
}

.Editor-Toolbar-Button-PageBreak {
    background-position: 0px 384px;
}

.Editor-Toolbar-Button-Keyboard {
    background-position: 0px 368px;
}

.Editor-Toolbar-Button-TextColor {
    background-position: 0px 352px;
}

.Editor-Toolbar-Button-TextBackgroundColor {
    background-position: 0px 336px;
}

.Editor-Toolbar-Button-Help {
    background-position: 0px 320px;
}

.Editor-Toolbar-Button-Movie {
    background-position: 0px 304px;
}

.Editor-Toolbar-Button-Checkbox {
    background-position: 0px 288px;
}

.Editor-Toolbar-Button-Radio {
    background-position: 0px 272px;
}

.Editor-Toolbar-Button-TextField {
    background-position: 0px 256px;
}

.Editor-Toolbar-Button-TextArea {
    background-position: 0px 240px;
}

.Editor-Toolbar-Button-ScrollBar {
    background-position: 0px 224px;
}

.Editor-Toolbar-Button-Button {
    background-position: 0px 208px;
}

.Editor-Toolbar-Button-ImageField {
    background-position: 0px 192px;
}

.Editor-Toolbar-Button-TextLayer {
    background-position: 0px 176px;
}

.Editor-Toolbar-Button-Table1 {
    background-position: 0px 160px;
}

.Editor-Toolbar-Button-TableInsertRow {
    background-position: 0px 144px;
}

.Editor-Toolbar-Button-TableDeleteRow {
    background-position: 0px 128px;
}

.Editor-Toolbar-Button-Table2 {
    background-position: 0px 112px;
}

.Editor-Toolbar-Button-Table3 {
    background-position: 0px 96px;
}

.Editor-Toolbar-Button-Table4 {
    background-position: 0px 80px;
}

.Editor-Toolbar-Button-Table5 {
    background-position: 0px 64px;
}

.Editor-Toolbar-Button-Table6 {
    background-position: 0px 48px;
}

.Editor-Toolbar-Button-Table7 {
    background-position: 0px 32px;
}

.Editor-Toolbar-Button-FullScreen {
    background-position: 0px 16px;
}

/******************************Editor styles END*****************************/

/******************************GroupBoxPanel BEGIN*****************************/
.gwt-GroupBoxPanel {
    border: 1px solid #81BDF4;
    margin: 10px;
    padding: 10px; /*background:#EBF3FF;*/
}

.gwt-GroupBoxPanel legend {
    color: #074671;
    font-weight: bold;
}

/******************************GroupBoxPanel END*****************************/

/******************************Tree Table styles BEGAN*****************************/
.wfm-treeTable {
    background: white;
    overflow: hidden;
    border: 1px solid #99BBE8;
}

.wfm-treeTable-header {
    background: url("images/default/table/vs-column-bg.gif") repeat-x scroll 0 0 transparent;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    height: 24px;
}

.wfm-treetable-inner-col {
    white-space: nowrap;
    overflow: hidden;
    zoom: 1;
}

.wfm-treetable-inner-col-pad {
    padding-left: 5px;
    padding-right: 5px;
}

.wfm-treeTable-column {
    height: 24px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px dashed #D5D5D5;
}

.wfm-treeTable-row {
    overflow: hidden;
}

/******************************Tree Table styles END*******************************/

/****************************** Applied to the decorator panel. *******************/
.chat .gwt-DecoratorPanel {
}

.chat .gwt-DecoratorPanel .topCenter,
.chat .gwt-DecoratorPanel .bottomCenter {
    background: url(themes/blue/hborder.png) repeat-x;
}

.chat .gwt-DecoratorPanel .middleLeft,
.chat .gwt-DecoratorPanel .middleRight {
    background: url(themes/blue/vborder.png) repeat-y;
}

.chat .gwt-DecoratorPanel .topLeftInner,
.chat .gwt-DecoratorPanel .topRightInner,
.chat .gwt-DecoratorPanel .bottomLeftInner,
.chat .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.chat .gwt-DecoratorPanel .topLeft {
    background: url(themes/blue/corner.png) no-repeat 0px 0px;
    -background: url(themes/blue/corner_ie6.png) no-repeat 0px 0px;
}

.chat .gwt-DecoratorPanel .topRight {
    background: url(themes/blue/corner.png) no-repeat -5px 0px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -5px 0px;
}

.chat .gwt-DecoratorPanel .bottomLeft {
    background: url(themes/blue/corner.png) no-repeat 0px -5px;
    -background: url(themes/blue/corner_ie6.png) no-repeat 0px -5px;
}

.chat .gwt-DecoratorPanel .bottomRight {
    background: url(themes/blue/corner.png) no-repeat -5px -5px;
    -background: url(themes/blue/corner_ie6.png) no-repeat -5px -5px;
}

* html .chat .gwt-DecoratorPanel .topLeftInner,
* html .chat .gwt-DecoratorPanel .topRightInner,
* html .chat .gwt-DecoratorPanel .bottomLeftInner,
* html .chat .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    overflow: hidden;
}

.buttonArrow {
    background: transparent url(botton-arrow.gif) no-repeat scroll 0pt 0px;
    width: 7px;
    height: 6px;
}

.apployout {
    overflow: visible;
}

.fileButtonArrow {
    cursor: pointer;
    overflow: hidden;
    margin-left: 10px; /*margin-bottom: 3px;*/
}

.marginLeft2 {
    margin-left: 2px;
}

.action-button:hover {
}

/*
* Gwt Scroll Page began style
*/
.gwt-ScrollTable {
    border-color: #dedede;
    border-top-color: #fff;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
}

.gwt-ScrollTable .footerWrapper {
    border-top: 1px solid #dedede;
    background: #8bd url(themes/blue/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataWrapper {
    overflow-y: auto;
    overflow-x: hidden !important;
}

.gwt-ScrollTable .dataTable td {
    border-color: #dedede;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 2px 2px 3px;
    height: 22px;
}

.gwt-ScrollTable .dataTable table td,
.gwt-ScrollTable .headerTable table td,
.gwt-ScrollTable .footerTable table td {
    border: 0;
    padding: 0;
}

/*.gwt-ScrollTable .dataTable br {*/
/*display: none;*/
/*}*/

/*.gwt-ScrollTable .dataTable tr.highlighted {
  background: #C3D9FF;
}*/

.gwt-ScrollTable .dataTable tr.highlighted td {
    background: #EDEDED;
    cursor: hand;
    cursor: pointer;
}

/*
.gwt-ScrollTable .dataTable tr.selected {
  background: #7AA5D6;
}
*/

.gwt-ScrollTable .dataTable tr.selected td {
    background: #D9E1ED;
}

/**
* Applied to the options at the bottom of the page.
*/
.gwt-PagingOptions {

}

.gwt-PagingOptions .errorMessage {
    white-space: nowrap;
    color: red;
}

.pagingOptionsFirstPage,
.pagingOptionsLastPage,
.pagingOptionsNextPage,
.pagingOptionsPreviousPage {
    cursor: hand;
    cursor: pointer;
}

.gwt-InlineCellEditor {
    border: 3px solid #7AA5D6;
    padding: 4px;
    background: white;
    overflow: auto;
}

.gwt-InlineCellEditor .accept {
    cursor: pointer;
    cursor: hand;
}

.gwt-InlineCellEditor .cancel {
    cursor: pointer;
    cursor: hand;
}

.wfm-listing-panel-label {
    margin: 1px;
    padding: 2px 5px 2px 5px;
    border: 1px dashed #ff7300;
}

/* Gwt Scroll Page end style */

/*.more-action-toolbar {*/
/*background: url(more-toolbar.gif) 0px 0px repeat-x transparent;*/
/*text-align: center;*/
/*padding-top: 2px;*/
/*}*/

/*.more-action-toolbar-right {*/
/*background: url(more-toolbar-right.gif) no-repeat scroll 0 0 transparent;*/
/*}*/

/*.more-action-toolbar-left {*/
/*background: url(more-toolbar-left.gif) no-repeat scroll 0 0 transparent;*/
/*}*/

.my-tbl-col {
    height: 24px; /*min-width: 75px !important;*/
    width: expression( document.body.clientWidth < 75 ? "75px" : "auto" ); /* set min-width for IE */
}

.tbl-hdr {
    cursor: pointer;
}

.rprt-rslt-header {
    border-collapse: collapse !important;
    border-spacing: 0;
    background-color: transparent;
}

.rprt-rslt td {
    border-bottom-color: #EDEDED;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 2px 1px 2px 1px;
}

.rprt-rslt {
    width: 100% !important;
    table-layout: fixed !important;
    border: 1px solid rgb(129, 189, 244);
}

/*.wfm-my-toolbar .menu-button-selected table tbody tr td {*/
/*color: white !important;*/
/*}*/

/*.wfm-my-toolbar .menu-button-selected {*/
/*color: white !important;*/
/*}*/

/*   MERGE FORM   */
#mergeFieldsTable table tr td {
    border-top: 1px solid rgb(177, 188, 199);
}

.fieldsTable {
    border: 1px solid rgb(129, 189, 244);
}

#mergeFieldsTable {
    margin: 0 auto;
}

#mergeFieldsTable table {
    font-family: Tahoma;
    font-size: 11px;
    border-collapse: collapse;
}

.mergeTable .subtitle1 {
    font-weight: bold;
    height: 46px;
    background: url(images/merge/table-title-bg-2.png) repeat-x 0 0;
}

.subtitle3 {
    height: 25px;
    background: url(images/merge/table-title-bg-3.png) repeat-x 0 0;
}

.mergeTable tr {
    border-bottom: 1px solid rgb(200, 204, 209);
    height: 24px;
}

.mergetable tr td {
    padding-left: 5px;
}

.fieldsTable tr.subtitle {
    height: 24px;
    background: url(images/merge/table-title-bg.png) repeat-x 0 0;
}

.subtitle td {
    padding: 0 0 0 26px;
    color: #074671;
}

.subtitle3 th {
    font-weight: bold;
    color: #074671;
}

.subtitle1 th {
    font-weight: bold;
    padding: 0 0 0 26px;
    color: #074671;
}

#mergeFieldsTable table th {
    padding: 0 0 0 20px;
    text-align: left;
    font-weight: normal;
}

#mergeFieldsTable table tr {
    border-bottom: 1px solid #ededed;
}

.messageCenterRelatedMail {
    background-repeat: no-repeat;
    background-image: url(icons/mails.png);
}

.gwt-SplitLayoutPanel-HDragger, .gwt-SplitLayoutPanel-VDragger {
    background-color: #225588;
}

.gwt-SplitLayoutPanel-HDragger {
    cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
    cursor: row-resize;
}

.workarea {
    height: 100%;
}

.composeMessage {
    background: url(icons/compose.png) no-repeat;
}

.wfmTimerHours {
    font-size: 50px;
    width: 200px;
    height: 60px;
}

.notification {
    background-color: #94A0A3;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
    font-size: 1.2em;
    margin: 10px;
    overflow: hidden;
    padding: 20px 45px;
}

.notification {
    background-color: #94A0A3;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
    font-size: 1.2em;
    margin: 10px;
    overflow: hidden;
    padding: 20px 45px;
}

.notification h1, .notification p, .notification-err h1, .notification-err p, .notification-warn h1, .notification-warn p {
    display: inline;
    font-weight: normal;
    line-height: normal;
    margin: 0 10px 0 0;
}

.notification-warn {
    background: none repeat scroll 0 0 #FFF1E4;
    border: 2px solid #FFAA90;
    color: #DD3400;
    opacity: 1;
}

.notification-err {
    background: #b40000 url(icons/error-close.png) no-repeat right top;
    border: 3px solid #ca3030;
}

.notification-tray {
    background: none repeat scroll 0 0 #575E60;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    max-width: 17em;
    padding: 3px;
}

.notification-tray h1 {
    background: none repeat scroll 0 0 #3B4245;
    border-radius: 2px;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 2px 10px;
}

.notification-tray p {
    color: #E4E7EA;
    display: block;
    font-size: 0.8em;
    line-height: 1.2;
    margin: 4px 10px 5px;
}

.notification-sys {
    background-color: #FF0A0A;
    font-size: 0.9em;
    padding: 14px 32px;
}

.lefttd {
    vertical-align: top;
    width: 200px;
}

.wft-searchTextBox {
    font-size: 13px;
    padding: 3px;
    border: 1px solid #6B90DA;
}

.wft-advancedSearchLink {
    color: blue;
    font-size: 10px;
    text-decoration: none;
    font-family: tahoma, verdana, helvetica;
}

.wft-advancedSearchPanel {
    border: 1px solid red;
}

.wft-search-list {
    background-color: #FFCC66;
    padding: 4px 10px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: tahoma, verdana, helvetica;
}

.wft-search-link {
    margin-left: 12px !important;
    color: #1f4f8f;
    cursor: pointer;
    font-family: tahoma, verdana, helvetica;
    text-decoration: underline;
    font-size: 1.1em;
}

.wft-search-select {
    margin-left: 12px !important;
    color: red;
    font-family: tahoma, verdana, helvetica;
    font-size: 1.2em;
    font-weight: bold;
}

a>img {
    vertical-align: top;
}

/**** START UNIVERSAL CLASSES
==============================================================================================================****/
.left {
    float: left !important
}

img.left {
    margin: 0 10px 10px 0;
}

.right {
    float: right !important
}

img.right {
    margin: 0 0 10px 10px;
}

.clear {
    display: block;
    clear: both;
}

table.clear {
    display: table;
}

.nobrd {
    border: none !important
}

.c {
    text-align: center;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

*+html .group {
    zoom: 1
}

/**** START searchPanel CONTENT
==============================================================****/

/**** END searchPanel CONTENT
=================================================================****/

/**** START MARKS
=================================================================****/
.moreTools>a, .userRole>a,
.addNew, .addNew>a,
.dd-menu li a.fly, .dd-menu li.leftFly ul a.fly,
.accountSettings li>a {
    /* background:url(images/marks_menu-1.png) no-repeat; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAFcCAYAAAD1Z//eAAABWElEQVRo3u3ZMUrEUBDG8f/r7Lb0BoInsPYKIh5htxas3sMyjYWtuKCF2OkZtrMRQWxF8AaCLIjdZ5M83mbjboRVFvnSZML8MhmYQGASYoyqqioApJRy3BwhxiiAqqpCSinHGUiiTLTR8gpLe5DEosPAwMDAwMDgTwGg+kwZNzc2YC4uAV1IUuhdYXEPHpaBgYGBgYGBQS9Q7mJSSpoBXSufDL7bB/Wv0KsHD8vAwMDAwGBtQAj5983MXqYN5rY6Jehc+fyowuIePCwDAwMDg1WC8pO0QqBlPWgNmvT7YGBg8HtgCJx35EbAuKnQRiNg3H5Eg3Kyq4dhmfQsDAwM/tWiZhMYSHqeAcAAOAG2gff6+kjSfQMq4FHSbVHpCtiXNA3AA7AraZrLhnAJXEi6C8ATsCPpswBnwI2kSQCOgVdJ13VyCzgFDiR9BGADiMBe3eQbcCjpBeALAByZTiy/LR0AAAAASUVORK5CYII=) no-repeat;
}

.addNewBar .addNew {
    background-position: 8px -250px;
}

.addNewBar .addNew>a {
    padding: 0 0 0 20px;
}

.addNewBar .addNew>a,
.toolBar .moreTools>a,
.toolBar-panel .userRole>a {
    padding-right: 17px;
    background-position: 94% -288px;
}

.accountSettings>a {
    /* background:url(images/marks_menu-2.png) no-repeat; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAMklEQVQoz2P8//+/MQMDwxkgNgHiswxEAkagxv/IfCT2f0IaybaRgRxAkcbRwBn6gQMAfcE45ESLvWQAAAAASUVORK5CYII=) no-repeat;
}

.accountSettings>a {
    background-position: 35px 6px;
}

/**** START COMMON DropDown-Menu
=================================================================****/
.dd-menu {
    position: relative;
    height: 25px;
}

.dd-menu ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.dd-menu ul ul {
    position: absolute;
    left: -9999px;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    box-shadow: 0px 3px 3px #d2d2d2;
    -moz-box-shadow: 0px 3px 3px #d2d2d2;
    -webkit-box-shadow: 0px 3px 3px #d2d2d2;
    color: #7a7a7a;
}

.dd-menu>ul>li {
    float: left;
    line-height: 25px;
    position: relative;
}

.dd-menu>ul>li>ul li+li {
    border-top: 1px solid #ededed;
}

.dd-menu a {
    display: block;
    text-decoration: none;
}

.dd-menu>ul>li>a {
    float: left;
    padding: 0 8px;
    color: #fff;
}

.dd-menu ul ul li a {
    line-height: 30px;
    padding: 0 25px 0 9px;
}

.dd-menu ul ul li a:hover {
    font-weight: bold;
    font-size: 11px;
}

.dd-menu .leftFly ul a {
    text-align: right;
    padding: 0 9px 0 25px;
}

.dd-menu li a.fly {
    margin-right: 4px;
    background-position: 96% 13px;
}

.dd-menu li a.fly:hover {
    background-position: 96% -51px;
}

.dd-menu ul li.leftFly a.fly {
    margin: 0;
    background-position: 4% -127px;
}

.dd-menu li.leftFly a.fly:hover {
    background-position: 4% -191px;
}

.dd-menu ul li:hover>ul {
    left: 0;
    top: 25px;
}

.dd-menu ul ul li:hover>ul {
    left: 100%;
    top: auto;
    margin: -30px 0 0 -5px;
}

.dd-menu li.leftFly:hover>ul {
    left: auto;
    right: 0;
    top: 25px;
}

.dd-menu li.leftFly ul li:hover>ul {
    left: auto;
    right: 100%;
    top: auto;
    margin: -30px -5px 0 0;
}

.dd-menu>ul>li:hover, .dd-menu>ul>li.act {
    background-color: #315792;
}

.dd-menu > ul li:hover>a {
}

.dd-menu ul ul li:hover > a,
.dd-menu ul ul li:hover > a.fly {
    background-color: #f2f2f2;
    color: #000;
}

/**** START toolBar-panel
=================================================================****/
.toolBar-panel {
    z-index: 9999;
    font-size: 12px;
    color: #fff;
    background-color: #002c6d;
}

.toolBar-panel .toolBar {
    float: inherit;
}

.toolBar-panel .addNewBar {
    float: left;
}

.dd-menu .toolBar ul {
    min-width: 150px;
}

.toolBar .moreTools ul {
    min-width: 215px;
}

.toolBar .moreTools ul li a {
    padding-right: 20px
}

.dd-menu .toolBar .guideCard>a {
    padding: 0 9px;
    font-weight: bold;
    color: #013078;
    cursor: default;
}

.dd-menu .toolBar .guideCard>a:hover {
    font-size: 11px;
}

.toolBar-panel .userMenu {
    float: right;
    background-color: #002C6D;
}

.toolBar-panel .userMenu>li {
    float: right;
    margin-left: 3px;
}

.toolBar-panel .accountSettings>a {
    background-position: 100% 50%;
    margin-right: 10px;
    padding-right: 26px;
}

.toolBar-panel .accountSettings li>a {
    min-width: 80px;
    padding: 0 9px 0 32px;
    background-position: 12px -329px;
}

/**** START tabsPanel
=================================================================****/
.tabsPanel {
    /* overflow:hidden; */
    padding-top: 4px;
    border-bottom: 3px solid #2c93d1;
    background-color: #0077bf;
}

.tabsPanel>a, .tabsPanel>a>span {
    display: inline-block;
    font: 11px Arial, sans-serif;
    /* background:#2c93d1 url(images/bg_tabsPanel-tabs.png) no-repeat; */
    background: #2c93d1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAACCCAMAAABWxpmJAAAAKlBMVEUAd78HhdASg8Ylj84jjc0OkuEHhdESgsYPlOMQleUnkM8sk9ESmer///+5juNsAAAADnRSTlP/////////////////AEXA3MgAAABHSURBVCjPxc45AsAwDAJBfB8o//9uhGsnrSimolhgFCKTRBU7ksd3hWUA/siiih3GZ+QBaRq6maGJFcl/6cFmAvzbRRMrihfxVxZjq1UFhwAAAABJRU5ErkJggg==) no-repeat;
}

.tabsPanel>a {
    position: relative;
    padding-left: 4px;
    margin-left: 4px;
    vertical-align: bottom;
    text-align: center;
    color: #fff;
}

.tabsPanel>a>span {
    min-height: 18px;
    min-width: 36px;
    padding: 6px 4px 0 0;
    background-position: 100% -33px;
}

.tabsPanel .act {
    background-color: #1299ea;
    background-position: 0 -67px;
}

.tabsPanel .act>span {
    background-color: #1299ea;
    background-position: 100% -102px;
}

.tabsPanel .markHome {
    height: 25px;
    width: 47px;
    padding: 0;
    /* background:url(images/bg_homeTab.png) no-repeat 0 -27px; */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAA0CAMAAAAt6JHGAAAAk1BMVEUnkM8QleUCe8QFesGt3fq03PNgu/JwuOKg1/io1vFZq91GsO96x/W/4va64/uHxOidz+6T0vc3mdQfn+vU7v5Dn9cspO3W7vwCeMALjdocicqGzPYSgsYOkuESmekHhdCSyesPlOMBecHH6fwSg8YBeMEjjc0Li9gah8olj87K6Pkrk9EHhdEAd7/h9P8sk9ESmerNhlFuAAABIElEQVRIx9XU2Y7CIBgFYNSWrdWC+6zOvnPa93+6oUYNpihg9MJzxcV3Egg/ELN6biLT+3wx5K9JyI0hDyn+8Z30UnzT9/tJUUwiPc0ySqfAlMb5EhhBU6pBYz34yJa4r+D1LT9Q6Pq7DfcXOp7u+LpQBrx2OPDKoY970AxOMorQ/vd9+LyneF7Y8Hhfbi/uAl67Xoe9HeVi3i7mhWeo++d5L1fkTVrS/f13HRnytTTkrU7IrSEfKf53SUiKrwd+P5ZyHOlZnjO2ABYszlfAEIoxBRbrIYa2JHwFr2/5gULXP224v9DxbMfXhSrglcOBHwF13IPl7n+VM4T2v+/D5z3FC2kj4n21vbgLeOV6FfZ2lOWsXcykZ6gH53kv1+P/AbpWmWi8jQRLAAAAAElFTkSuQmCC) no-repeat 0 -27px;
}

.tabsPanel .markHome:hover, .tabsPanel .markHome.act {
    background-position: 0 0;
}

.tabsPanel > a.close > span > em {
    background: url("images/default/tabfolder/tab-close-1.gif") no-repeat scroll 100% 0 transparent;
    height: 10px;
    position: absolute;
    right: 2px;
    top: 7px;
    width: 10px;
}

address, em {
    font-style: normal;
}

/*Internet Explorer problem on module loading, gwt iframe history visible*/
#__gwt_historyFrame {
    display: none;
}

