/**********************************************************************************************************************
* LAST CHANGE                                                                                                        *
* User: Hayot                                                                                                        *
* Time: 2010/4/29 8:56:26                                                                                            *
**********************************************************************************************************************/

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 {
    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) );
}

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: 6 6 0 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;

}

.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;
    z-index: 11000;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    white-space: nowrap;
    overflow: visible;

}

.status-panel-r-corner {
    background-image: url("images/stat-panel/right.gif");
    height: 18px;
    width: 2px;

}

.status-panel-l-corner {
    background-image: url("images/stat-panel/left.gif");
    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;
}

.my-cpanel-showheader {
    border: none;
}

.my-cpanel-hdr-text {
    padding: 0 4px;
    color: #1F4F8F;
    font-size: 11px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 15px;
}

.my-cpanel-hdr-l {
    background: url(images/default/panel/corners-sprite.gif) no-repeat 0px 0px;
}

.my-cpanel-hdr-l div {
    width: 3px;
}

.my-cpanel-hdr-ml {
    padding-left: 2px;
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-hdr-c {
    width: 100%;
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-hdr-mr {
    padding-top: 2px;
    padding-right: 2px;
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-hdr-r {
    width: 3px;
    background: url(images/default/panel/corners-sprite.gif) no-repeat right 0px;
}

.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 {
    background: #fff url(images/default/panel/left-right.gif) repeat-y 0 0;
    zoom: 1;
}

.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(images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
    zoom: 1;
    height: 6px;
}

.my-cpanel-box-br {
    background: transparent url(images/default/panel/corners-sprite.gif) no-repeat right bottom;
}

.my-cpanel-box-bc {
    background: transparent url(images/default/panel/top-bottom.gif) repeat-x 0 bottom;
    zoom: 1;
}

.my-cpanel-small {
    overflow: hidden;
}

.my-cpanel-small-hdr-l {
    background: url(images/default/panel/corners-sprite.gif) no-repeat 0px 0px;
}

.my-cpanel-small-hdr-c {
    width: 100%;
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-ml {
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-mr {
    padding-right: 2px;
    background: url(images/default/panel/top-bottom.gif) repeat-x;
}

.my-cpanel-small-hdr-r {
    background: url(images/default/panel/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(images/default/panel/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.gif) no-repeat 0px -9px;
    width: 9px;
    height: 9px;
}

.my-tab-close-over {
    background: url(images/default/tabfolder/tab-close.gif) no-repeat 0px -18px;
}

.my-tabfolder {
    border: 1px solid #8DB2E3;
    background-color: white;
}

.my-tabfolder-header {
    background: url(images/default/tabfolder/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: 0 5 0 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(images/default/tabfolder/tabs.gif) no-repeat 0px -27px;
}

.my-tabitem-over .my-tabitem-ml, .my-tabitem-over .my-tabitem-c {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-over .my-tabitem-mr {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-over .my-tabitem-r {
    background: url(images/default/tabfolder/tabs.gif) no-repeat right -27px;
}

.my-tabitem-secondary .my-tabitem-l {
    background: url(images/default/tabfolder/tabs.gif) no-repeat 0px -27px;
}

.my-tabitem-secondary .my-tabitem-ml, .my-tabitem-secondary .my-tabitem-c {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-secondary .my-tabitem-mr {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -81px;
}

.my-tabitem-secondary .my-tabitem-r {
    background: url(images/default/tabfolder/tabs.gif) no-repeat right -27px;
}

.my-tabitem-sel .my-tabitem-text {
    color: #15428B;
}

.my-tabitem-sel .my-tabitem-l {
    background: url(images/default/tabfolder/tabs.gif) no-repeat;
}

.my-tabitem-sel .my-tabitem-ml, .my-tabitem-sel .my-tabitem-c {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -54px;
}

.my-tabitem-sel .my-tabitem-mr {
    background: url(images/default/tabfolder/tabs.gif) repeat-x 0px -54px;
}

.my-tabitem-sel .my-tabitem-r {
    background: url(images/default/tabfolder/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: 5 4 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: 3 4 3 4px;
}

.my-tbl-data .my-tbl-item-cell-widget {
    padding: 1 4 1 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;
}

.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: 2 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: 2 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: 5 4 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: 1 4 1 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;
}

.wfm-my-tabitem-text {
    display: block;
    padding: 0 5 0 5px;
    color: #416AA3;
    cursor: pointer;
    white-space: nowrap;
}

.my-tabitem-icon .wfm-my-tabitem-c {
    text-align: left;
    padding-left: 2px;
}

.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;
    height: 21px;
}

.wfm-my-toolitem-selected .wfm-my-toolitem-l {
    background: url(tb-btn-sprite-orange.gif) no-repeat;
}

.wfm-my-toolitem-selected .wfm-my-toolitem-ml, .wfm-my-toolitem-selected .wfm-my-toolitem-c {
    background: url(tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.wfm-my-toolitem-selected .wfm-my-toolitem-ml, .wfm-my-toolitem-selected .wfm-my-toolitem-c {
    background: url(tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.wfm-my-toolitem-selected .wfm-my-toolitem-mr {
    background: url(tb-btn-sprite-orange.gif) repeat-x 0 -42px;
}

.wfm-my-toolitem-selected .wfm-my-toolitem-r {
    background: url(tb-btn-sprite-orange.gif) no-repeat 0px -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;
}

.wfm-my-toolbar {
    background: url(bg.gif) 0px 0px 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%;
}

html, body, div, pre, form, fieldset, input, th, td {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.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;
}

/* ToolItem Style End */

.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;
}

/*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;
}

.logOut {
    color: white;
}

.logOutLink {
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

/*GrayForm style end*/

/*DynamicTable styles start*/
.default-color {
    background-color: white;
}

.description-default-color {
    background-color: white;
    border: 1px solid #819cb9;
    overflow: auto;
}

.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 {
    left: 0;
    position: absolute;
    top: 45%;
    cursor: pointer;
    width: 100%;
}

.wfm-vsplitbar {
    background: none;
    background-image: url(images/default/shared/clear.gif);
    position: absolute;
    z-index: 1;
}

.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;
}

/*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;
    background: url(westpanel/bg-halp-block-1_bottom.gif) no-repeat bottom left
}

.halp-block-1 li {
    padding: 1 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 {
    width: 20px;
}

.eds-shortcutitem-hdr-c {
    padding-left: 4px;
    width: 100%;
}

.whiteBGR {
    background-color: #ffffff;
}

.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: #ffffff;
}

/*some quick header*/
.quickViewHeaderSome {
    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: #ffffff;
}

.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);
}

/*TODO remove with icon*/

/*--new PM icons--*/

/*.icon-accounting-expense-reports {     *//*Not Used*//*
    background-image: url("icons/expense-reports.gif");
}*/

/*--search icon--*/
/*
*//*-myupdates icon-*//*     *//*TODO IF this style Workspace.css *//*
.myupdate-add-icon{
    background:url("icons/myupdates/myupdate-add.png") no-repeat;
}
.myupdate-edit-icon{
    background:url("icons/myupdates/myupdate-edit.png") no-repeat;
}
.myupdate-delete-icon{
    background:url("icons/myupdates/myupdate-deleted.png") no-repeat;
}
.myupdate-completed-icon{
    background: url("icons/myupdates/myupdate-completed.png") no-repeat; *//**//*
}
.myupdate-waiting-icon{
    background:url("icons/myupdates/myupdate-waiting.png") no-repeat;
}

    .myupdate-approved-icon {
        background: url("icons/myupdates/myupdate-approved.png") no-repeat;
    }

    .myupdate-canceled-icon {
        background: url("icons/myupdates/myupdate-canceled.png") no-repeat;
    }

    .myupdate-closed-icon {
        background: url("icons/myupdates/myupdate-closed.png") no-repeat;
    }

.myupdate-message-icon {
    background: url("icons/myupdates/myupdate-message.gif") no-repeat;
}

.myupdate-alert-icon {
    background: url("icons/myupdates/myupdate-alert.png") no-repeat;
}                     */
/*-myupdates icon end-*/
/*TODO IF this style Workspace.css */
.icon-search {
    background-image: url("icons/search-small.png");
    margin-left: 5px;
    margin-right: 15px;
    cursor: pointer;
    height: 21px;
    width: 21px;
}

/*--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-availability-welcome {  *//*AvailabilityWelcomeView.java*//*
    background-image: url("icons/new-attend-icons/attendance-welcome.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-home {   *//*AvailabilityHomeView.java and EmployeeLeaveRequestStatusListView.java*//*
    background:url("icons/new-attend-icons/attendance-home.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-small {  *//*EmployeeLeaveRequestStatusListView.java*//*
    background:url("icons/new-attend-icons/attendance-small.png");
}*/

/*.icon-availability-my {     *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/my-attendance.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-my-leave-request {       *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/my-leave.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-timeslot {          *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/timeslot.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-public-holidays {        *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/holidays.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-attendance-tracking {          *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/attendance-tracking.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-approve-leave-request {         *//*Availability ICONS *//*
    background: url("icons/new-attend-icons/approve-leave-request.png");
    height: 20px;
    width: 20px;
}*/

/*.icon-availability-settings {      *//*Availability ICONS *//*
    background: url("icons/availability-settings.gif");
    height: 20px;
    width: 20px;
}*/

/*.icon-incident-list {          *//*Availability ICONS *//*
    background-image: url("icons/new-attend-icons/incident-list.png");
}*/

/*.icon-incident-small {        *//*Availability ICONS *//*
    background-image: url("icons/new-attend-icons/incident-small.png");
}*/

/*.icon-incident-report {       *//*Availability ICONS todo after*//*
    background: url("icons/new-attend-icons/attendance-tracking.png");
}*/
/*new availabilitys icons*/

.icon-pa {
/*Assesments ICONS (Expense)*/
    background-image: url(icons/rosette.png);
}

/*--expense-reports-icons--*/

/*.icon-expense-report-welcome {   *//*ExpenseReportsWelcomeView.java (Expense)*//*
    background-image: url("icons/expense-report-welcome.gif");
}*/

.icon-expense-report-home {
/*ExpenseReportsHomeView.java (Expense)*/
    background-image: url("icons/expense-report-home.gif");
}

/*.icon-expense-report-small {    *//*HrmsExpenseReportListView.java (HRMS)*//*
    background-image: url("icons/expense-report-small.gif");
}*/

/*.icon-expense-reports {      *//*HrmsExpenseReportListView.java (HRMS)*//*
    background: url("icons/new-accounting-icons/expense-report.png") no-repeat;
}*/

.icon-expense-awaiting-for-approval {
/*AwaitingReportsListView.java (Expense)*/
    background-image: url("icons/awaiting-for-approval.gif")
}

/*--expense-reports-icons--*/
/*.icon-pa-archives {          *//*TODO DDDAssessmentArchive.java*//*
    background-image: url(icons/new-pa-icons/appraisals-archive.png);
}*/

.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");
}

/*--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 {
/*Not Used*/
    background-image: url("icons/tax-rates.png");
}

/*--accounting-icons--*/
/*--reports-icons--*/

.icon-report-journal-report {
/*Not used*/
    background-image: url("icons/journal-report.gif");
}

.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");
}

/*--reports-icons--*/

/*--my account new icons--*/

/*.icon-myaccount-user-accounts {*/
/*background-image: url("images/user-accounts.gif");*/
/*}*/
/*--my account new icons--*/
/*--assessment(performance appraisal) icons--*/

/*.icon-pa-performance-appraisal {   *//*AssessmentSinksContainer.java (Assesment)*//*
    background-image: url("icons/new-pa-icons/pa-tab.png");*//*TODO removed after with icons*//**/
/*}*/
/*.icon-pa-welcome {   *//*AssessmentWelcomeView.java (Assesment)*//*
    background-image: url("icons/new-pa-icons/pa-welcome.png");*/
/*}*/
/*
.icon-pa-simple-appraisals {     *//*Not Used*//*
    background-image: url("icons/script_edit.png");
}*/
/*--assessment(performance appraisal) icons--*/
.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-schedule {    *//*Not used*//*
    background-image: url(icons/schedule.png);
}*/

/*.icon-pa-home {        *//*SimpleAppraisalsHomeView.java (Assesment)*//*
    background-image: url(icons/new-pa-icons/simple-appraisals.png);*/
/*}*/

/*.icon-pa-360home {        *//*Assessment360HomeView.java (Assesment)*//*
    background-image: url("icons/new-pa-icons/360-review.png");
}*/

.icon-pa-schedules {
/*SchedulesView.java*/
    background-image: url(icons/schedule.png);
}

/*
.icon-templatesview {       *//*Todo after remove*//*
    background-image: url(icons/new-pa-icons/template.png);
}*/

/*.icon-pa-notes { *//*Todo reove with icon*//*
    background-image: url("icons/new-pa-icons/performance-notes.png");
}*/

/*.icon-notes-small {
    background-image: url("icons/new-pa-icons/performance-notes-small.png");
}*/

/*.icon-attention {
    background-image: url(icons/attention.png);
}*/

/*.icon-pa-initiate {
    background-image: url(icons/script_add.png);
}*/

/*todo if changed this style*/
.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-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-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;
}

.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;
}

/*Not used*/
.icon-document-vcard-vcf {
    background: url(icons/document-vcard-vcf.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;
}

.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: 10;
    padding-top: 10;
    padding-right: 10;
    padding-bottom: 10;
}

.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-DialogBox {*/
/*background-color: white;*/
/*border-left: 1px solid #666;*/
/*border-right: 1px solid #666;*/
/*border-bottom: 1px solid #666;*/
/*}*/

/*.gwt-DialogBox .Caption {*/
/*background: url( gradient.gif ) repeat-x top left;*/
/*font-weight: bold;*/
/*cursor: default;*/
/*padding: 5px 10px;*/
/*border-bottom: 1px solid #666;*/
/*border-top: 1px solid #666;*/
/*text-align: left;*/
/*}*/

/*.gwt-DialogBox td {*/
/*text-align: right;*/
/*}*/

/*.gwt-DialogBox .gwt-Button {*/
/*margin: 10px;*/
/*}*/

.gwt-MenuBar {
    background: #c3d9ff;
    cursor: default;
}

.gwt-MenuItem {
    font-size: 11px;
    margin: 1px;
    cursor: default;
}

.gwt-MenuItem-selected {
    background: #e8eef7;
}

/*.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 {
    background: #93c2f1 url(images/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;
}

/* CSS3 hack to target Opera8+ */
/*@media
all
and

(
min-width:

0
px

)
{
body .box-10 {
  line-height: 0px;
}

}
*/
.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;
}

.mainBackground {
    background-color: #13649B;
    background-repeat: repeat-x;
}

.x-form-invalid, textarea.x-form-invalid {
    background-color: #dd7870 !important;
    border: 1px solid #dd7870;
}

/* 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: 2000;
}

.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;
}

.line {
    background: url(images/line.gif) repeat-x;
    height: 2px;
}

.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(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-image: url(wfmTabPanel/old/on-tab-select-background.jpg);*/
    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(numerableTextBox/arrow-up.png) no-repeat;
}

.simple-button-down {
    display: block;
    background-color: gainsboro;
    background-image: url(numerableTextBox/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 *************************/

/* Overall tab icons */

/* PM tab icons */

/*PA tab icons */

/*Staff Available icons*/

/*Accounting icons */

/*CRM icons*/
/*.icon_dash_crm{*/
/*background-image:url(icons/dash_icons/crm.png);*/
/*}*/

/*.icon-leads-summary {*/
/*background: url(icons/dash_icons/leads.png);*/
/*}  *//*Todo remove then Asap */
/*.icon-accounts-summary {*/
/*background: url(icons/dash_icons/accounts.png);*/
/*}*/

.icon-note {
    background: url(icons/note.png);
}

/*todo remove  THEN ASAP*/
/*.icon_news{*/
/*background: url(icons/news.gif)*/
/*}*/

/*.icon-news-small{*/
/*background: url(icons/news-small.gif)*/
/*}*/

/*.icon-contact {*/
/*background: url(icons/vcard.png);*/
/*}*//*TODO remove asap with icon*/
/* .icon-myworkspace {
    background: url(icons/my-workspace.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-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-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;
}

.menu-button-mouse-over-background {
    background-image: url(popupMenu/button-hover.png);
    cursor: pointer;
}

.menu-button-mouse-over-right {
    background-image: url(popupMenu/button-right.png);
    cursor: pointer;
}

.menu-button-mouse-over-left {
    background-image: url(popupMenu/button-left.png);
    cursor: pointer;
}

.menu-button-selected {
    background-image: url(popupMenu/uppertab.gif);
    background-position: 0 48;
    cursor: pointer;
}

.menu-button-selected-right {
    background-image: url(popupMenu/uppertab.gif);
    background-position: 0 24;
    cursor: pointer;
}

.menu-button-selected-left {
    background-image: url(popupMenu/uppertab.gif);
    background-position: 0 72;
    cursor: pointer;
}

.menu-popup-style {
    background-color: #ebf3fe;
    color: #000000;
}

.menu-item-right-shadow {
    padding-top: 5px;
    background: transparent url(popupMenu/right.png) repeat-y;
    width: 4px;
}

.menu-item-bottom-shadow {
    padding-left: 5px;
    background: transparent url(popupMenu/bottom.png) repeat-x;
    height: 4px;
}

.menu-item-corner-shadow {
    background-image: url(popupMenu/corner.png);
    width: 4px;
    height: 4px;
}

.menu-item-on-mouse-over-left {
    background-image: url(popupMenu/sprite.png);
    background-position: 0 42;
    cursor: pointer;
}

.menu-item-on-mouse-over-right {
    background-image: url(popupMenu/sprite.png);
    background-position: 0 63;
    cursor: pointer;
}

.menu-item-on-mouse-over-middle {
    background-image: url(popupMenu/sprite.png);
    background-position: 0 21;
    cursor: pointer;
}

.menu-item-arrow-down {
    background: url(numerableTextBox/arrow-down.png) no-repeat;
}

.menu-separator {
    background: url(popupMenu/separator.gif) repeat-y;
}

/*********************************************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(images/default/panel/tool-sprites.gif); /*url(icons/tool-sprites.gif)*/
    background-position: 0 165;
    cursor: pointer;
}

.expand-button-on-mouse-over {
    background-image: url(images/default/panel/tool-sprites.gif);
    background-position: 15 165;
    cursor: pointer;
}

.collapse-button-on-mouse-out {
    background-image: url(images/default/panel/tool-sprites.gif);
    background-position: 0 150;
    cursor: pointer;
}

.collapse-button-on-mouse-over {
    background-image: url(images/default/panel/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 !important;
    border-top: 1px solid #6B90DA !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: 1em 0 !important;
}

.srch-results li span {
    font-weight: normal !important;
    font-size: 130%;
    margin: 5em 0 !important;
}

.srch-results li span em {
    font-weight: bold;
}

.srch-results li span a {
    color: #BA8812 !important;
}

.srch-results li p {
    max-width: 45em !important;
    _width: 45em !important;
}

.srch-results li cite {
    color: green !important;
    font-style: normal !important;
}

.search-box {
    font-size: 120%;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    vertical-align: middle !important;
    padding-left: 0.2em
}

.search-button {
    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(images/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;*/
}

/*************************************** 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;
}

/***************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: 0 50 /*46*/;
}

.oval-right-top {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 25 50 /*23 46*/;
}

.oval-left-bottom {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 0 25 /*23*/;
}

.oval-right-bottom {
    background-image: url(ovalPanel/oval-borders.png);
    background-position: 25 25 /*23 23*/;
}

.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: 75%;
    text-align: center;
    padding: 4px;
    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: 70%;
    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: #112ABB;
    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;
}

.blue-selected {
    background-color: #75A9ff;
    color: #aaa;
}

.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;
}

/************************************* BEGINNING OF ON FLY GENERAL CSS STYLES ****************************************/

.workforce {

}

.workforce .containerBackground {
    background-color: #13649B;
}

.workforce .section-seleced {
/*Not Used IF*/
    background: transparent url(shortcut_selected_bgr.png) repeat-x;
}

.workforce .eds-shortcutitem-hdr {
    width: 100%;
    background: transparent url(shortcut_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #204d89;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.workforce .eds-shortcutitem-active-hdr {
    width: 100%;
    background: transparent url(shortcut_selected_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #000000;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.workforce .eds-shortcutitem-hdr-over {
    width: 100%;
    background: transparent url(shortcut_mouseover_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #204d89;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.workforce .blue-header {
    background: url(BlueHeader/top2.gif);
    font-weight: bold;
    color: #5a4580;
}

.workforce .wfm-my-tabfolder-header {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -108px;
    overflow: hidden;
}

.workforce .wfm-my-tabitem-over .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat 0px -27px;
}

.workforce .wfm-my-tabitem-over .wfm-my-tabitem-ml, .workforce .wfm-my-tabitem-over .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -81px;
}

.workforce .wfm-my-tabitem-over .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -81px;
}

.workforce .wfm-my-tabitem-over .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat right -27px;
}

.workforce .wfm-my-tabitem-secondary .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat 0px -27px;
}

.workforce .wfm-my-tabitem-secondary .wfm-my-tabitem-ml, .workforce .wfm-my-tabitem-secondary .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -81px;
}

.workforce .wfm-my-tabitem-secondary .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -81px;
}

.workforce .wfm-my-tabitem-secondary .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat right -27px;
}

.workforce .wfm-my-tabitem-sel .wfm-my-tabitem-text {
    color: #15428B;
}

.workforce .wfm-my-tabitem-sel .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat;
}

.workforce .wfm-my-tabitem-sel .wfm-my-tabitem-ml, .workforce .wfm-my-tabitem-sel .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -54px;
}

.workforce .wfm-my-tabitem-sel .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/tabs-orange.gif) repeat-x 0px -54px;
}

.workforce .wfm-my-tabitem-sel .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/tabs-orange.gif) no-repeat right 0px;
}

.workforce .my-paging-toolbar {
    background: url(images/default/toolbar/bg.gif) repeat-x;
    border-top: 1px solid #A9BFD3;
}

.workforce .my-cpanel-frame .my-toolbar {
    position: static;
    background: url(images/default/toolbar/bg.gif) repeat-x;
    border: 1px solid #99BBE8;
    border-bottom: none;
}

.workforce .my-toolitem-mr div {
    background: transparent url(images/default/toolbar/btn-arrow.gif) no-repeat scroll 0pt 3px;
    width: 12px;
    height: 21px;
}

.workforce .my-toolitem-seperator {
    background: url(images/default/toolbar/split.gif) no-repeat 50% 50%;
    border: 0pt none;
    cursor: default;
    font-size: 1px;
    height: 21px;
    overflow: hidden;
    width: 4px;
}

.workforce .my-toolbar {
    background: url(images/default/toolbar/bg.gif) 0px 0px repeat-x;
}

.workforce .my-cpanel-frame .wfm-my-toolbar {
    position: static;
    background: url(images/default/toolbar/bg.gif) repeat-x;
    border: 1px solid #99BBE8;
    border-bottom: none;
}

.workforce .my-toolitem-over .my-toolitem-l {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat;
}

.workforce .my-toolitem-over .my-toolitem-ml,
.workforce .my-toolitem-over .my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .my-toolitem-over .my-toolitem-ml,
.workforce .my-toolitem-over .my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .my-toolitem-over .my-toolitem-mr {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .my-toolitem-split div {
    background: transparent url(images/default/toolbar/btn-arrow.gif) no-repeat 0px -47px;
    width: 12px;
    height: 21px;
}

.workforce .my-toolbar {
    background: url(images/default/toolbar/bg.gif) 0px 0px repeat-x;
    border-bottom: 0px solid #A9BFD3; /*TODO after bottom size if 1px*/
}

.workforce .my-toolitem-over .my-toolitem-r {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0px -21px;
}

.workforce .my-toolitem-down .my-toolitem-l {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}

.workforce .my-toolitem-down .my-toolitem-ml,
.workforce .my-toolitem-down .my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0px -105px;
}

.workforce .my-toolitem-down .my-toolitem-mr {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0px -105px;
}

.workforce .my-toolitem-down .my-toolitem-r {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0px -84px;
}

.workforce .my-toolitem-sel .my-toolitem-l {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}

.workforce .my-toolitem-sel .my-toolitem-ml,
.workforce .my-toolitem-sel .my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0px -105px;
}

.workforce .my-toolitem-sel .my-toolitem-mr {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0px -105px;
}

.workforce .my-toolitem-sel .my-toolitem-r {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0px -84px;
}

.workforce .wfm-my-toolitem-over .wfm-my-toolitem-l {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat;
}

.workforce .wfm-my-toolitem-over .wfm-my-toolitem-ml,
.workforce .wfm-my-toolitem-over .wfm-my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .wfm-my-toolitem-over .wfm-my-toolitem-ml, .wfm-my-toolitem-over .wfm-my-toolitem-c {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .wfm-my-toolitem-over .wfm-my-toolitem-mr {
    background: url(images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.workforce .wfm-my-toolitem-over .wfm-my-toolitem-r {
    background: url(images/default/toolbar/tb-btn-sprite.gif) no-repeat 0px -21px;
}

.workforce .wfm-my-toolitem-over {
    height: 21px;
    cursor: pointer;
}

.workforce .hasRichTextToolbar {
    border: 1px solid #99BBE8;
}

/****************************** Applied to the decorator panel. *******************/
.workforce .gwt-DecoratorPanel {
}

.workforce .gwt-DecoratorPanel .topCenter,
.workforce .gwt-DecoratorPanel .bottomCenter {
    background: url(images/hborder.png) repeat-x;
}

.workforce .gwt-DecoratorPanel .middleLeft,
.workforce .gwt-DecoratorPanel .middleRight {
    background: url(images/vborder.png) repeat-y;
}

.workforce .gwt-DecoratorPanel .topLeftInner,
.workforce .gwt-DecoratorPanel .topRightInner,
.workforce .gwt-DecoratorPanel .bottomLeftInner,
.workforce .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.workforce .gwt-DecoratorPanel .topLeft {
    background: url(images/corner.png) no-repeat 0px 0px;
    -background: url(images/corner_ie6.png) no-repeat 0px 0px;
}

.workforce .gwt-DecoratorPanel .topRight {
    background: url(images/corner.png) no-repeat -5px 0px;
    -background: url(images/corner_ie6.png) no-repeat -5px 0px;
}

.workforce .gwt-DecoratorPanel .bottomLeft {
    background: url(images/corner.png) no-repeat 0px -5px;
    -background: url(images/corner_ie6.png) no-repeat 0px -5px;
}

.workforce .gwt-DecoratorPanel .bottomRight {
    background: url(images/corner.png) no-repeat -5px -5px;
    -background: url(images/corner_ie6.png) no-repeat -5px -5px;
}

* html .workforce .gwt-DecoratorPanel .topLeftInner,
* html .workforce .gwt-DecoratorPanel .topRightInner,
* html .workforce .gwt-DecoratorPanel .bottomLeftInner,
* html .workforce .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    overflow: hidden;
}

/*****************  gwt 1.5 Button  *************************/
.workforce .gwt-Button {
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    background: url("images/gwt-core/hborder.png") repeat-x 0px -27px;
    border: 1px outset #ccc;
}

.workforce .gwt-Button:active {
    border: 1px inset #ccc;
}

.workforce .gwt-Button:hover {
    border-color: #9cf #69e #69e #7af;
}

.workforce .gwt-Button[disabled] {
    cursor: default;
    color: #888;
}

.workforce .gwt-Button[disabled]:hover {
    border: 1px outset #ccc;
}

/******************** Applied decoreted tab panel *******************/
.workforce .gwt-DecoratedTabBar .tabTopCenter {
    padding: 0px;
    background: #d0e4f6;
}

.workforce .gwt-DecoratedTabBar .tabMiddleLeft,
.workforce .gwt-DecoratedTabBar .tabMiddleRight {
    width: 6px;
    padding: 0px;
    background: #d0e4f6;
}

.workforce .gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 4px 2px 4px;
    cursor: pointer;
    cursor: hand;
    color: black;
    font: 14px;
    font-weight: bold;
    text-align: center;
    background: #d0e4f6;
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
    background: #81bdf4;
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
    color: #074671;
    background: #81bdf4;
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    color: #074671;
    background: #81bdf4;
}

html>body .workforce .gwt-DecoratedTabBar .tabTopLeft {
    background: url(images/gwt-core/corner.png) no-repeat 0px -55px;
}

html>body .workforce .gwt-DecoratedTabBar .tabTopRight {
    background: url(images/gwt-core/corner.png) no-repeat -6px -55px;
}

* html .workforce .gwt-DecoratedTabBar .tabTopLeftInner {
    width: 5px;
    height: 61px;
    margin-top: -55px;
    overflow: hidden;
    background: url(images/gwt-core/corner.png);
    -background: url(images/gwt-core/corner_ie6.png);
}

* html .workforce .gwt-DecoratedTabBar .tabTopRightInner {
    width: 12px;
    height: 61px;
    margin-top: -55px;
    margin-left: -6px;
    overflow: hidden;
    background: url(images/gwt-core/corner.png);
    -background: url(images/gwt-core/corner_ie6.png);
}

* html .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
    width: 5px;
    height: 67px;
    margin-top: -61px;
    overflow: hidden;
    background: url(images/gwt-core/corner.png);
    -background: url(images/gwt-core/corner_ie6.png);
}

* html .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
    width: 12px;
    height: 67px;
    margin-top: -61px;
    margin-left: -6px;
    overflow: hidden;
    background: url(images/gwt-core/corner.png);
    -background: url(images/gwt-core/corner_ie6.png);
}

.workforce .gwt-TabPanelBottom {
    border-color: #81bdf4;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    overflow: hidden; /*padding: 0px;*/
}

.workforce .gwt-DecoratedTabBar {

}

.workforce .gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarRest {

}

.workforce .gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 6px;
}

.workforce .gwt-DecoratedTabBar .tabTopLeft,
.workforce .gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
}

.workforce .gwt-DecoratedTabBar .tabTopLeftInner,
.workforce .gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}

.workforce .gwt-DecoratedTabBar .tabMiddleLeftInner,
.workforce .gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}

html>body .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background-position: 0px -61px;
}

html>body .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background-position: -6px -61px;
}

.workforce .gwt-TabPanel {
/*padding:0px;*/
}

.workforce .gwt-DecoratedTabBar {

}

.workforce .gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarRest {
}

.workforce .gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 6px;
}

.workforce .gwt-DecoratedTabBar .tabTopLeft,
.workforce .gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
}

.workforce .gwt-DecoratedTabBar .tabTopLeftInner,
.workforce .gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}

.workforce .gwt-DecoratedTabBar .tabMiddleLeftInner,
.workforce .gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}

html>body .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background-position: 0px -61px;
}

html>body .workforce .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background-position: -6px -61px;
}

.workforce .gwt-TabPanel {
/*padding:0px;*/
}

/******************** Styles end for decoreted tab panel *******************/

/******************************************* Decorated Stack Panel **********************************************/

.workforce .gwt-DecoratedStackPanel {
    border-bottom: 1px solid #bbbbbb;
}

.workforce .gwt-DecoratedStackPanel .gwt-StackPanelContent {
    border: 1px solid #bbbbbb;
    border-bottom: 0px;
    background: white;
    padding: 2px 2px 10px 5px;
}

.workforce .gwt-DecoratedStackPanel .gwt-StackPanelItem {
    cursor: pointer;
    cursor: hand;
}

.workforce .gwt-DecoratedStackPanel .stackItemTopLeft,
.workforce .gwt-DecoratedStackPanel .stackItemTopRight {
    height: 6px;
    width: 6px;
    zoom: 1;
}

.workforce .gwt-DecoratedStackPanel .stackItemTopLeftInner,
.workforce .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 1px;
    height: 1px;
}

.workforce .gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.workforce .gwt-DecoratedStackPanel .stackItemMiddleRightInner {
    width: 1px;
    height: 1px;
}

.workforce .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.workforce .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
    border: 0px;
    background-color: white;
}

.workforce .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.workforce .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
    background-color: white;
}

html>body .workforce .gwt-DecoratedStackPanel {
}

* html .workforce .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .workforce .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 6px;
    height: 6px;
    overflow: hidden;
}

.workforce .cw-StackPanelHeader {
    padding-left: 7px;
    font-weight: bold;
    font-size: 1.4em;
}

.workforce .gwt-DecoratedStackPanel .stackItemTopLeft {
    border-left: 1px solid #bbbbbb;
    background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
    -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
}

.workforce .gwt-DecoratedStackPanel .stackItemTopRight {
    border-right: 1px solid #bbbbbb;
    background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
    -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
}

.workforce .gwt-DecoratedStackPanel .stackItemTopCenter {
    background: url(images/hborder.png) 0px -21px repeat-x;
}

.workforce .gwt-DecoratedStackPanel .stackItemMiddleLeft {
    background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
    border-left: 1px solid #bbbbbb;
}

.workforce .gwt-DecoratedStackPanel .stackItemMiddleRight {
    background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
    border-right: 1px solid #bbbbbb;
}

.workforce .gwt-DecoratedStackPanel .stackItemMiddleCenter {
    font-weight: bold;
    font-size: 1.3em;
    background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}

/******************** Styles end for decoreted stack panel *****************************************************/

/*************************** Styles for COO Connect Workspace Page *************************/
.coo {

}

.coo .section-seleced {
/*Not Used IF*/
    background: transparent url(coo-shortcut_selected_bgr.png) repeat-x;
}

.coo .eds-shortcutitem-hdr {
    width: 100%;
    background: transparent url(coo-shortcut_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #204d89;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.coo .eds-shortcutitem-active-hdr {
    width: 100%;
    background: transparent url(coo-shortcut_selected_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #000000;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.coo .eds-shortcutitem-hdr-over {
    width: 100%;
    background: transparent url(coo-shortcut_mouseover_bgr.png) repeat-x;
    border-bottom: 1px solid #99BBE8;
    color: #204d89;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.coo .wfm-my-tabfolder-header {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -108px;
    overflow: hidden;
}

.coo .wfm-my-tabitem-over .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat 0px -27px;
}

.coo .wfm-my-tabitem-over .wfm-my-tabitem-ml, .coo .wfm-my-tabitem-over .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -81px;
}

.coo .wfm-my-tabitem-over .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -81px;
}

.coo .wfm-my-tabitem-over .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat right -27px;
}

.coo .wfm-my-tabitem-secondary .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat 0px -27px;
}

.coo .wfm-my-tabitem-secondary .wfm-my-tabitem-ml, .coo .wfm-my-tabitem-secondary .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -81px;
}

.coo .wfm-my-tabitem-secondary .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -81px;
}

.coo .wfm-my-tabitem-secondary .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat right -27px;
}

.coo .wfm-my-tabitem-sel .wfm-my-tabitem-text {
    color: #15428B;
}

.coo .wfm-my-tabitem-sel .wfm-my-tabitem-l {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat;
}

.coo .wfm-my-tabitem-sel .wfm-my-tabitem-ml, .coo .wfm-my-tabitem-sel .wfm-my-tabitem-c {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -54px;
}

.coo .wfm-my-tabitem-sel .wfm-my-tabitem-mr {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) repeat-x 0px -54px;
}

.coo .wfm-my-tabitem-sel .wfm-my-tabitem-r {
    background: url(images/default/tabfolder/coo-tabs-orange.gif) no-repeat right 0px;
}

.coo .containerBackground {
    background-color: #390c98;
}

.coo .my-border-layout {
    border: 1px solid #b38cdd;
    background-color: #DEE7F6;
}

.coo .my-cpanel {
    border: 1px solid #b38cdd;
    overflow: hidden;
}

.coo .my-cpanel-hdr {
    height: 26px;
    cursor: default;
    border-bottom: 1px solid #b38cdd;
}

.my-cpanel-body-header {
    border-color: -moz-use-text-color #99BBE8 #99BBE8;
    border-right: 1px solid #99BBE8;
    border-style: none solid solid;
    border-width: medium 1 1;
}

.coo .my-cpanel-body-header {
    border: 1px solid #b38cdd;
    border-top: none;
}

.coo .my-cpanel-frame .my-cpanel-body-header {
    border: 1px solid #b38cdd;
}

.coo .my-paging-toolbar {
    background: url(images/default/toolbar/coo-bg.gif) repeat-x;
    border-top: 1px solid #A9BFD3;
}

.coo .my-cpanel-frame .my-toolbar {
    position: static;
    background: url(images/default/toolbar/coo-bg.gif) repeat-x;
    border: 1px solid #99BBE8;
    border-bottom: none;
}

.coo .my-toolitem-mr div {
    background: transparent url(images/default/toolbar/coo-btn-arrow.gif) no-repeat scroll 0pt 3px;
    width: 12px;
    height: 21px;
}

.coo .my-toolitem-seperator {
    background: url(images/default/toolbar/coo-split.gif) no-repeat 50% 50%;
    border: 0pt none;
    cursor: default;
    font-size: 1px;
    height: 21px;
    overflow: hidden;
    width: 4px;
}

.coo .my-toolbar {
    background: url(images/default/toolbar/coo-bg.gif) 0px 0px repeat-x;
}

.coo .my-cpanel-frame .wfm-my-toolbar {
    position: static;
    background: url(images/default/toolbar/coo-bg.gif) repeat-x;
    border: 1px solid #99BBE8;
    border-bottom: none;
}

.coo .my-toolitem-over .my-toolitem-l {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat;
}

.coo .my-toolitem-over .my-toolitem-ml,
.coo .my-toolitem-over .my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .my-toolitem-over .my-toolitem-ml,
.coo .my-toolitem-over .my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .my-toolitem-over .my-toolitem-mr {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .my-toolitem-split div {
    background: transparent url(images/default/toolbar/coo-btn-arrow.gif) no-repeat 0px -47px;
    width: 12px;
    height: 21px;
}

.coo .my-toolbar {
    background: url(images/default/toolbar/coo-bg.gif) 0px 0px repeat-x;
    border-bottom: 0px solid #A9BFD3; /*TODO after bottom size if 1px*/
}

.coo .my-toolitem-over .my-toolitem-r {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0px -21px;
}

.coo .my-toolitem-down .my-toolitem-l {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0 -63px;
}

.coo .my-toolitem-down .my-toolitem-ml,
.coo .my-toolitem-down .my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0px -105px;
}

.coo .my-toolitem-down .my-toolitem-mr {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0px -105px;
}

.coo .my-toolitem-down .my-toolitem-r {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0px -84px;
}

.coo .my-toolitem-sel .my-toolitem-l {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0 -63px;
}

.coo .my-toolitem-sel .my-toolitem-ml,
.coo .my-toolitem-sel .my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0px -105px;
}

.coo .my-toolitem-sel .my-toolitem-mr {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0px -105px;
}

.coo .my-toolitem-sel .my-toolitem-r {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0px -84px;
}

.coo .wfm-my-toolitem-over .wfm-my-toolitem-l {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat;
}

.coo .wfm-my-toolitem-over .wfm-my-toolitem-ml,
.coo .wfm-my-toolitem-over .wfm-my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .wfm-my-toolitem-over .wfm-my-toolitem-ml, .wfm-my-toolitem-over .wfm-my-toolitem-c {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .wfm-my-toolitem-over .wfm-my-toolitem-mr {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) repeat-x 0 -42px;
}

.coo .wfm-my-toolitem-over .wfm-my-toolitem-r {
    background: url(images/default/toolbar/coo-tb-btn-sprite.gif) no-repeat 0px -21px;
}

.coo .wfm-my-toolitem-over {
    height: 21px;
    cursor: pointer;
}

.coo .my-cpanel-small-hdr {
    height: 24px;
    cursor: default;
    border-bottom: 1px solid #b38cdd;
}

/****************************** Applied to the decorator panel. *******************/
.coo .gwt-DecoratorPanel {
}

.coo .gwt-DecoratorPanel .topCenter,
.coo .gwt-DecoratorPanel .bottomCenter {
    background: url(images/gwt-core/coo-hborder.png) repeat-x;
}

.coo .gwt-DecoratorPanel .middleLeft,
.coo .gwt-DecoratorPanel .middleRight {
    background: url(images/gwt-core/coo-vborder.png) repeat-y;
}

.coo .gwt-DecoratorPanel .topLeftInner,
.coo .gwt-DecoratorPanel .topRightInner,
.coo .gwt-DecoratorPanel .bottomLeftInner,
.coo .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    zoom: 1;
}

.coo .gwt-DecoratorPanel .topLeft {
    background: url(images/gwt-core/coo-corner.png) no-repeat 0px 0px;
    -background: url(images/gwt-core/coo-corner_ie6.png) no-repeat 0px 0px;
}

.coo .gwt-DecoratorPanel .topRight {
    background: url(images/gwt-core/coo-corner.png) no-repeat -5px 0px;
    -background: url(images/gwt-core/coo-corner_ie6.png) no-repeat -5px 0px;
}

.coo .gwt-DecoratorPanel .bottomLeft {
    background: url(images/gwt-core/coo-corner.png) no-repeat 0px -5px;
    -background: url(images/gwt-core/coo-corner_ie6.png) no-repeat 0px -5px;
}

.coo .gwt-DecoratorPanel .bottomRight {
    background: url(images/gwt-core/coo-corner.png) no-repeat -5px -5px;
    -background: url(images/gwt-core/coo-corner_ie6.png) no-repeat -5px -5px;
}

* html .coo .gwt-DecoratorPanel .topLeftInner,
* html .coo .gwt-DecoratorPanel .topRightInner,
* html .coo .gwt-DecoratorPanel .bottomLeftInner,
* html .coo .gwt-DecoratorPanel .bottomRightInner {
    width: 5px;
    height: 5px;
    overflow: hidden;
}

/*****************  gwt 1.5 Button  *************************/
.coo .gwt-Button {
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    background: url("images/gwt-core/coo-hborder.png") repeat-x 0px -27px;
    border: 1px outset #ccc;
}

.coo .gwt-Button:active {
    border: 1px inset #ccc;
}

.coo .gwt-Button:hover {
    border-color: #9cf #69e #69e #7af;
}

.coo .gwt-Button[disabled] {
    cursor: default;
    color: #888;
}

.coo .gwt-Button[disabled]:hover {
    border: 1px outset #ccc;
}

.coo .hasRichTextToolbar {
    border: 1px solid blueviolet;
}

/**************************** Styles for decorated tab panel ********************************/
.coo .gwt-DecoratedTabBar {

}

.coo .gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}

.coo .gwt-DecoratedTabBar .gwt-TabBarRest {

}

.coo .gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 6px;
}

.coo .gwt-DecoratedTabBar .tabTopLeft,
.coo .gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
}

.coo .gwt-DecoratedTabBar .tabTopLeftInner,
.coo .gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}

.coo .gwt-DecoratedTabBar .tabMiddleLeftInner,
.coo .gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}

html>body .coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background-position: 0px -61px;
}

html>body .coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background-position: -6px -61px;
}

.coo .gwt-TabPanel {
/*padding:0px;*/
}

.coo .gwt-DecoratedTabBar .tabTopCenter {
    padding: 0px;
    background: #c0acd9;
}

.coo .gwt-DecoratedTabBar .tabMiddleLeft,
.coo .gwt-DecoratedTabBar .tabMiddleRight {
    width: 6px;
    padding: 0px;
    background: #c0acd9;
}

.coo .gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 4px 2px 4px;
    cursor: pointer;
    cursor: hand;
    color: #FFFFFF;
    font: 14px;
    font-weight: bold;
    text-align: center;
    background: #c0acd9;
}

.coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
    background: #a56fdd;
}

.coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
    color: #074671;
    background: #a56fdd;
}

.coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    color: #FFFFFF;
    background: #a56fdd;
}

.coo .blue-header {
    background: transparent url(coo-shortcut_mouseover_bgr.png) repeat-x;
    font-weight: bold;
    color: #204d89;
}

html>body .coo .gwt-DecoratedTabBar .tabTopLeft {
    background: url(images/gwt-core/coo-corner.png) no-repeat 0px -55px;
}

html>body .coo .gwt-DecoratedTabBar .tabTopRight {
    background: url(images/gwt-core/coo-corner.png) no-repeat -6px -55px;
}

* html .coo .gwt-DecoratedTabBar .tabTopLeftInner {
    width: 5px;
    height: 61px;
    margin-top: -55px;
    overflow: hidden;
    background: url(images/gwt-core/coo-corner.png);
    -background: url(images/gwt-core/coo-corner_ie6.png);
}

* html .coo .gwt-DecoratedTabBar .tabTopRightInner {
    width: 12px;
    height: 61px;
    margin-top: -55px;
    margin-left: -6px;
    overflow: hidden;
    background: url(images/gwt-core/coo-corner.png);
    -background: url(images/gwt-core/coo-corner_ie6.png);
}

* html .coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
    width: 5px;
    height: 67px;
    margin-top: -61px;
    overflow: hidden;
    background: url(images/gwt-core/coo-corner.png);
    -background: url(images/gwt-core/coo-corner_ie6.png);
}

* html .coo .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
    width: 12px;
    height: 67px;
    margin-top: -61px;
    margin-left: -6px;
    overflow: hidden;
    background: url(images/gwt-core/coo-corner.png);
    -background: url(images/gwt-core/coo-corner_ie6.png);
}

.coo .gwt-TabPanelBottom {
    border-color: #a56fdd;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    overflow: hidden; /*padding: 0px;*/
}

/**************************** Styles end for decorated tab panel ******************************** /

/******************************************* Decorated Stack Panel **********************************************/

.coo .gwt-DecoratedStackPanel {
    border-bottom: 1px solid #a56fdd;
}

.coo .gwt-DecoratedStackPanel .gwt-StackPanelContent {
    border: 1px solid #a56fdd;
    border-bottom: 0px;
    background: white;
    padding: 2px 2px 10px 5px;
}

.coo .gwt-DecoratedStackPanel .gwt-StackPanelItem {
    cursor: pointer;
    cursor: hand;
}

.coo .gwt-DecoratedStackPanel .stackItemTopLeft,
.coo .gwt-DecoratedStackPanel .stackItemTopRight {
    height: 6px;
    width: 6px;
    zoom: 1;
}

.coo .gwt-DecoratedStackPanel .stackItemTopLeftInner,
.coo .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 1px;
    height: 1px;
}

.coo .gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.coo .gwt-DecoratedStackPanel .stackItemMiddleRightInner {
    width: 1px;
    height: 1px;
}

.coo .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.coo .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
    border: 0px;
    background-color: white;
}

.coo .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.coo .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
    background-color: white;
}

html>body .coo .gwt-DecoratedStackPanel {
}

* html .coo .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .coo .gwt-DecoratedStackPanel .stackItemTopRightInner {
    width: 6px;
    height: 6px;
    overflow: hidden;
}

.coo .cw-StackPanelHeader {
    padding-left: 7px;
    font-weight: bold;
    font-size: 1.4em;
}

.coo .gwt-DecoratedStackPanel .stackItemTopLeft {
    border-left: 1px solid #a56fdd;
    background: #c0acd9 url(images/gwt-core/coo-corner.png) no-repeat 0px -49px;
    -background: #c0acd9 url(images/gwt-core/coo-corner_ie6.png) no-repeat 0px -49px;
}

.coo .gwt-DecoratedStackPanel .stackItemTopRight {
    border-right: 1px solid #a56fdd;
    background: #c0acd9 url(images/gwt-core/coo-corner.png) no-repeat -6px -49px;
    -background: #c0acd9 url(images/gwt-core/coo-corner_ie6.png) no-repeat -6px -49px;
}

.coo .gwt-DecoratedStackPanel .stackItemTopCenter {
    background: url(images/gwt-core/coo-hborder.png) 0px -21px repeat-x;
}

.coo .gwt-DecoratedStackPanel .stackItemMiddleLeft {
    background: #c0acd9 url(images/gwt-core/coo-hborder.png) repeat-x 0px -989px;
    border-left: 1px solid #a56fdd;
}

.coo .gwt-DecoratedStackPanel .stackItemMiddleRight {
    background: #c0acd9 url(images/gwt-core/coo-hborder.png) repeat-x 0px -989px;
    border-right: 1px solid #a56fdd;
}

.coo .gwt-DecoratedStackPanel .stackItemMiddleCenter {
    font-weight: bold;
    font-size: 1.3em;
    background: #c0acd9 url(images/gwt-core/coo-hborder.png) repeat-x 0px -989px;
}

/******************** Styles end for decoreted stack panel *****************************************************/

/************************************* END OF ON FLY GENERAL CSS STYLES ****************************************/

/**************************************** 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: 5 !important;
}

.gwt-DialogBox .Caption {
    background: #e3e8f3 url(images/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(images/hborder.png) repeat-x 0px -4px;
    -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background: url(images/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
    background: url(images/vborder.png) repeat-y -4px 0px;
    -background: url(images/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(images/corner.png) no-repeat -13px 0px;
    -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
    background: url(images/corner.png) no-repeat -18px 0px;
    -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
    background: url(images/corner.png) no-repeat 0px -15px;
    -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
    background: url(images/corner.png) no-repeat -5px -15px;
    -background: url(images/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(images/hborder.png) repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
    background: url(images/hborder.png) repeat-x 0px -4px;
    -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
    background: url(images/vborder.png) repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
    background: url(images/vborder.png) repeat-y -4px 0px;
    -background: url(images/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(images/corner.png) no-repeat 0px -10px;
    -background: url(images/corner_ie6.png) no-repeat 0px -10px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
    background: url(images/corner.png) no-repeat -5px -10px;
    -background: url(images/corner_ie6.png) no-repeat -5px -10px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
    background: url(images/corner.png) no-repeat 0px -15px;
    -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
    background: url(images/corner.png) no-repeat -5px -15px;
    -background: url(images/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;
}

.workspace .gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
}

.workspace .gwt-PopupPanel {
    border: 3px solid #C3D9FF;
    padding: 3px;
    background: white;
}

.gwt-Caption {
    background: #e3e8f3 url(images/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*****************************/