/*
 * Copyright 2010 JBoss, a divison Red Hat, Inc
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
    min-height: 100%;
    background-color: #efefef;

    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;

    font-family: sans-serif;

    outline: none;
}

div:focus {
    outline: none;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.headerStyle {
    background: url("images/titlegradient.png") repeat-x;
    padding: 0;
    margin: 0;
}

.gwt-Label {
    font-family: sans-serif;
    font-size: 11px;
}

span {
    font-family: sans-serif;
    font-size: 11px;
}

.workspace-NavCollapseButton:hover {
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.workspace-SimplePanelArea {
    border: 1px solid lightgray;
    padding: 10px;
    text-align: center;
}

.workspace-LeftNavArea {
    background-color: #efefef;
    border-right: 1px solid #d0d0d0;
    height:100%;
}

.workspace-LeftNavArea-MouseOver {
    background-color: #dedede;
    border-right: 1px solid gray;
    height:100%;
}

.workspace-RightAppPanel {
    margin-left: 5px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.workspace-NavHeader {
    background-image: url("images/ui/layout/navbartitle.png");
    border-top: 1px solid #d5d5d5;
}

.workspace-DialogBox {
    background-image: url("images/ui/layout/dialogbg.png");
    background-position: center;
    background-repeat: repeat-x;

    padding: 0;
    margin: 0;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    cursor: default;

    font-size: 11px;
}

.workspace-VerticalBG {
    background: transparent;
}

.workspace-DialogBG {
    background: transparent;
}

.workspace-NavHeaderText {
    height: 25px;
    color: #737373;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.WSLaunchButton {
    border: 1px solid transparent;

    width: 100%;
    height: 20px;

    position: relative;

    vertical-align: middle;
    text-align: left;
    font-size: 11px;

    margin-bottom: 0;

    color: black;

    background-image: url("images/ui/layout/DockLink.png");

    cursor: default;
}

.WSLaunchButton-hover {
    border: 1px solid darkblue;
    background: #5a98e0 none;

    color: white;

    height: 20px;

    cursor: default;

    font-size: 11px;

    margin-bottom: 0;
}

.WSLaunchButton-hover .WSLaunchButton-move {
    cursor: move;
}

.WSLaunchButton-contents {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.WSLaunchButton-down {
    border: 1px solid black;
    background: #333333 none;

    color: white;

    cursor: default;

    height: 20px;
    font-size: 11px;

    margin-bottom: 0;

}

.WSToolbar {
    background: url("images/ui/layout/navbar.png");
    vertical-align: middle;
    color: gray;
}

.gwt-StackPanel {
/*background: url( "images/bgleftgradient.png" );*/
    border: 1px solid lightgray;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    font-size: 8px;
    color: darkgray;

    background-color: #FAFAFA;

    padding: 0;
}

.gwt-StackPanelItem {
    background-image: url("images/ui/layout/navbar.png");
    cursor: pointer;
    color: black;
    font-size: 10px;

    height: 20px;

    border-top: 1px solid #cccccc;
    margin-bottom: 1px;
    margin-left: 2px;
    margin-right: 2px; /*border-top: 1px solid darkgray;*/
/*boder-bottom: 1px solid gray;*/

    padding-left: 1px;

    text-align: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.gwt-StackPanelItem:hover {
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    background: #7f7f7f repeat-x;
    color: white;
}

.gwt-PushButton {
    font-size: 11px;
    margin: 10px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.gwt-PushButton:hover {
    background-color: #c9c9c9;
    border: 1px solid black;
}

.gwt-PushButton-up {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
}

.gwt-PushButton-down {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.gwt-TabPanel {
    color: white;
    font-size: 11px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background: transparent;

    padding: 0;
    margin: 0;

    height: 100%;
}

.gwt-TabPanelBottom {
/**  background-image: url( "images/bgfade.png" );  **/
    background-color: #fefefe;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;

    padding: 3px;
    height: 100%;

    overflow: visible;

}

.gwt-TabBar {
    cursor: default;
    height: 13px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    background: transparent;
}

.gwt-TabBarItem {
    background-image: url("images/ui/layout/navbar.png"); /*background-image: url( 'images/ui/layout/tabselected.png' );*/
    cursor: default;
    height: 14px;
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    border: 0;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    padding: 0;
    margin: 0;
    margin-right: 1px;

    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;

}

.gwt-TabBarItem:hover {
    filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    height: 16px;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

.gwt-TabBar .gwt-TabBarItem-selected {
/*background-image: url( 'images/ui/layout/tabselected.png' );*/

    background-image: url("images/ui/layout/navbar.png");

    height: 16px;

    filter: alpha(opacity = 100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;

    vertical-align: middle;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.gwt-ListBox {
    font-size: 11px;
}

.workspace-TabLabelText {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 3px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    white-space: nowrap;
}

.workspace-tabCloseButton {
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 2px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.workspace-tabCloseButton:hover {
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

}

.gwt-Dialog {
    background-color: #efefef;
}

.gwt-Button {
    font-size: 12px;
}

.mosaic-Caption {
    background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
    border-bottom: 1px solid #bbbbbb;
}

.mosaic-Caption-iconBoxLeft {
    padding: 0 0 0 2px;
}

.mosaic-Caption-iconBoxRight {
    padding: 0 2px 0 0;
}

.mosaic-Caption-text {
    padding: 4px 4px 4px 4px;
    text-align: left !important;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

.mosaic-CaptionLayoutPanel {
    padding: 0;
    margin: 0;
}

.mosaic-CaptionLayoutPanel .Body {

/* debug */
/*border: 1px dotted #0f0;*/
}

.mosaic-TitledLayoutPanel {
}

.mosaic-WindowPanel {
    background: #dedede;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;

}

.mosaic-WindowPanel .mosaic-CaptionLayoutPanel .dragdrop-handle {
    cursor: move;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
}

.mosaic-WindowPanel .mosaic-CaptionLayoutPanel {
    padding: 0;
    margin: 0;
}

.mosaic-WindowPanel .Body {
    background: white;
}

.mosaic-WindowPanel .Footer {
}

.mosaic-WindowPanel .popupMiddleCenter {
    padding: 0;
    margin: 0;
}

.mosaic-WindowPanel .Resize-nw {
    cursor: nw-resize;
}

.mosaic-WindowPanel .Resize-n {
    cursor: n-resize;
}

.mosaic-WindowPanel .Resize-ne {
    cursor: ne-resize;
}

.mosaic-WindowPanel .Resize-e {
    cursor: e-resize;
    background: #fff; /* needed by IE */
}

.mosaic-WindowPanel .Resize-se {
    cursor: se-resize;
}

.mosaic-WindowPanel .Resize-s {
    cursor: s-resize;
    background: #fff; /* needed by IE */
}

.mosaic-WindowPanel .Resize-sw {
    cursor: sw-resize;
}

.mosaic-WindowPanel .Resize-w {
    cursor: w-resize;
}

.dragdrop-positioner {
}

.dragdrop-draggable {
}

.dragdrop-handle {
}

.dragdrop-movable-panel {
}

.mosaic-InfoPanel {
    background: url("images/traynotifybg.png") repeat-x top;

    color: white;
    font-size: 12px;

    border: 1px solid #9A9A9A;
}

.mosaic-InfoPanel-panel {
}

.mosaic-InfoPanel-caption {
    font-weight: bold;
    display: block;
    color: white;
    font-size: 12px;

    padding: 2px;
}

.mosaic-InfoPanel-description {
    color: white;
    font-size: 11px;

    padding: 2px;
}

.gwt-Tree {
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    text-align: left;

    margin: 1px;
}

.gwt-Tree .gwt-TreeItem {
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    text-align: left;

    margin: 1px;

    padding: 3px;

    display: inline;
}

.gwt-Tree .gwt-TreeItem-selected {
    user-select: none;
    background-image: url("images/listhighlightbg.png");
    padding: 3px;
    color: white;
}

.gwt-ScrollTable {
    font-size: 11px;

}

.gwt-ScrollTable .headerTable tr {
    background-image: url("images/titlegradient.png");

}

.gwt-ScrollTable .headerWrapper,
.mosaic-ColumnWidget .headerWrapper,
.mosaic-ScrollTreeTable .headerWrapper {
    background-image: url("images/titlegradient.png");
}

.WSGrid-header {
    border-collapse: collapse;
    border-spacing: 0;
    height: 20px;

    padding:0;
    margin:0;

    background-image: url("images/ui/layout/column-header.png");

    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #BABABA;
}

.WSGrid-header td {
    font-weight: bold;
    font-size: 9px;
    margin: 0;
    padding: 0;
    height: 18px;
}

.WSGrid {
    border-collapse: collapse;
    border-spacing: 0;
    border-left: #EDEDED;
    border-right: #EAEAEA;
}

.WSGrid td {
    padding: 0;
}

.WSGrid-datagrid {
    padding:0;
    margin:0;
}

.WSCell {
    height: 16px;
    min-height: 16px;

    margin: 0;
    font-size: 11px;

    cursor: default;

    padding: 1px;
    border: 1px solid transparent;
    border-bottom-color: #efefef;
    border-left-color: #efefef;

    vertical-align: middle;

    overflow: hidden;
}

.WSCell-inner {
    vertical-align: middle;
}

.WSCell-panel {
    overflow: auto;
    height: 12pt;
    vertical-align: middle;
}

.WSCell-innerpanel {
    /**
     * This is needed to fix a Firefox rendering bug.
     */
    overflow: auto;
    vertical-align: middle;

}

.WSCell-hover {
    background-color: #eeeeff;
}

.WSCell-selected {
    background-color: #ddddff;
    color: black;
    border: 1px solid lightsteelblue;
}

.WSCell-click {
    background-color: #ddddff;
}

.WSCell-colselect {
    background-color: #ddddff;
    border: 1px solid #ddddff;

    border-bottom-color: lightgray;
    border-right-color: lightsteelblue;
    border-left-color: lightsteelblue;
}

.WSCell-hcolselect {
    background-color: #aaaaff;
    border: 1px solid #aaaaff;
}

.WSCell-rowselect-left {
    border-top: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
    border-left: 1px solid lightsteelblue;
    background-color: #ddddff;
}

.WSCell-rowselect-right {
    border-top: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
    border-right: 1px solid lightsteelblue;
    background-color: #ddddff;

}

.WSCell-rowselect {
    border-top: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
    background-color: #ddddff;
}

.WSCell-editbox {
    border: 2px cornflowerblue solid;
    font-size: 11px;
    width: 100%;
    overflow: auto;
    position: absolute;
}

.WSCell-resize-right {
    cursor: e-resize;
}

.WSCell-resize-left {
    cursor: w-resize;
}

.WSGrid-resize-line {
    border-left: 1px solid lightblue;
    height: 100%;
}

.WS-WorkPanel-title {
    background: url("images/ui/layout/section-header.png") repeat-x;
    border-bottom: 1px #cccccc solid;
    vertical-align: middle;
    width: 100%;
    height: 25px;
}

.WS-WorkPanel-title-label {
    font-size: 11px;
    color: #999999;
}

.WS-WorkPanel-area {
    background: url("images/bgfade.png") repeat-x;
    height: 100%;
}

.WSWindowPanel {
    background: white;
    border: 1px solid #cecece;
}

.WSWindowPanel-titlearea {
    background: url("images/ui/layout/section-header.png") repeat-x;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;

    padding: 1px;

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.WSWindowPanel-drape {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.2;
    filter: alpha(opacity = 20);
}

.WSDropShadow-topLeftCorner {
    width: 17px;
    height: 17px;
    background: url("images/ui/layout/dropshadow/eq-topleft.png") no-repeat;
}

.WSDropShadow-topLeft {
    height: 17px;
    width: 13px;
    background: url("images/ui/layout/dropshadow/eq-topleft-inner.png")
}

.WSDropShadow-topMiddle {
    height: 17px;
    width: 100%;
    background: url("images/ui/layout/dropshadow/eq-top.png");
}

.WSDropShadow-topRight {
    width: 13px;
    height: 17px;
    background: url("images/ui/layout/dropshadow/eq-topright-inner.png") transparent;
}

.WSDropShadow-topRightCorner {
    width: 17px;
    height: 17px;
    background: url("images/ui/layout/dropshadow/eq-topright.png") no-repeat;
}

.WSDropShadow-leftTop {
    width: 17px;
    height: 11px;
    background: url("images/ui/layout/dropshadow/eq-lefttop.png") no-repeat;
}

.WSDropShadow-leftMiddle {
    height: 100%;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-left.png") repeat-y;
}

.WSDropShadow-leftBottom {
    height: 11px;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-leftbottom.png") no-repeat;
}

.WSDropShadow-rightTop {
    height: 11px;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-righttop.png") no-repeat;
}

.WSDropShadow-rightMiddle {
    height: 100%;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-right.png") repeat-y;
}

.WSDropShadow-rightBottom {
    height: 11px;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-rightbottom.png") no-repeat transparent;
}

.WSDropShadow-bottomLeftCorner {
    height: 17px;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-bottomleft.png") no-repeat;
}

.WSDropShadow-bottomLeft {
    height: 17px;
    width: 13px;
    background: url("images/ui/layout/dropshadow/eq-bottomleft-inner.png") no-repeat;
}

.WSDropShadow-bottomMiddle {
    height: 17px;
    width: 100%;
    background: url("images/ui/layout/dropshadow/eq-bottom.png") repeat-x;
}

.WSDropShadow-bottomRight {
    height: 17px;
    width: 13px;
    background: url("images/ui/layout/dropshadow/eq-bottomright-inner.png") no-repeat;
}

.WSDropShadow-bottomRightCorner {
    height: 17px;
    width: 17px;
    background: url("images/ui/layout/dropshadow/eq-bottomright.png") no-repeat;
}

.logoutButton {
    background: transparent;
    border: 0;
    font-size: 9px;
    text-decoration: underline;
}

.bpm-user-info-popup {
  font-family: sans-serif;
  color: #000000;
  font-size:9px;
  margin:5px;
}