/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

img,body,html{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}

body,table td,select {font-size: 10px;overflow: hidden;}

* { font-family: Verdana, Arial, Helvetica, sans-serif !important; }

.clear,.x-clear {clear:both; font-size:0%; line-height:0%; height:0;}


/* welcome screen */
.appGlass { background: #d1d1d1 url("/wls-sso-login-web/javax.faces.resource/images/layout/imgp-loader-glass.png.xhtml") repeat-x 0 0; }
.appWelcome { background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/imgp-loader-window.png.xhtml") repeat-x 0 100% !important; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000;}
.appWelcome .headerDiv { background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/imgp-loader-header.png.xhtml") repeat-x 0 0 !important; }
.appWelcome .iconDiv { }
.appWelcome .contentDiv { }
.appWelcome .gwt-TextBox,
.appWelcome .gwt-PasswordTextBox {
    width: 155px;
    padding: 2px;
    font-size: 12px !important;
    border:2px solid #555;
    border:2px solid rgba(0,0,0,0.8);
    border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
    -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -transition:all 0.25s ease-in-out;
}
.appWelcome .gwt-TextBox:hover,
.appWelcome .gwt-PasswordTextBox:hover {
    border-color:#000;
    -webkit-box-shadow: 0px 1px 2px #000;
    -moz-box-shadow: 0px 1px 2px #000;
    box-shadow: 0px 1px 2px #000;
}




.gwt-TextArea, .gwt-TextBox, .gwt-DateBox, .gwt-ListBox, .gwt-SuggestBox, select {
    font-size: 10px !important;
    padding: 3px;
    border: 1px solid #777; border-radius:3px; -moz-border-radius:3px;
}

.gwt-Button {
    border: 1px outset #CCCCCC;
    cursor: pointer;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
}

.gwt-Button, .gwt-PushButton, .gwt-ToggleButton, .itemButtons .gwt-Button {
    background: url("/wls-sso-login-web/javax.faces.resource/images/layout/accordion-hd.png.xhtml") repeat-x scroll 0 -244px transparent;
}

/* button */
.gwt-Button,
.gwt-PushButton,
.gwt-ToggleButton {
    font-size: 11px;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-transition:border 0.2s ease-in-out;
    -moz-transition:border 0.2s ease-in-out;
    -o-transition:border 0.2s ease-in-out;
    -transition:border 0.2s ease-in-out;
}

.gwt-PushButton-up, .gwt-PushButton-up-hovering, .gwt-PushButton-up-disabled {padding: 3px 4px;}

.branding       {background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/logo.png.xhtml") repeat-x 0 0 !important;}
.branding:hover {background-position: 0 -80px !important;}
.branding a {
    display: block;
    width: 64px;
    height: 64px;
}

/* module button */
#moduleButton {
    position: relative;
    top: 0px !important;
    left: 199px !important;
    width: 132px;
    height: 48px;
    background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/app-moduleButton.png.xhtml") no-repeat 100% 0;
}
#moduleButton img {
    float: left;
    margin: 8px 4px 4px 10px;
    width: 32px;
    height: 32px;
}
#moduleButton span {
    padding: 8px 0 0 0 !important;
    width: 54px;
    color: #000;
    font-size: 10px;
    font-weight:normal;
    text-shadow: 0 1px 0 #eee;
    overflow: hidden;
}
#moduleButton.gwt-ToggleButton-up            {background-position: 0 0;}
#moduleButton:hover,
#moduleButton.gwt-ToggleButton-up-hovering   {background-position: 0 -64px !important;}
#moduleButton.gwt-ToggleButton-down          {background-position: 0 -128px !important;}
#moduleButton.gwt-ToggleButton-down-hovering {background-position: 0 -192px !important;}

/* menupanel */
table.menupanel {
    width:330px;
    height:64px;
    background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/funky-menupanelH.png.xhtml") no-repeat 0 0;
}

table.menupanel tr td {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

.menuHorizontal {width:320px;}
.menuHorizontal tr {width:320px;}

/* menu horizontal */
.menuHorizontal {
    left: 0 !important;
    background: transparent;
}

.menuHorizontal #menunew .gwt-Button,
.menuHorizontal #menunew .gwt-toggleButton {
    margin: 0 30px 0 30px;
}

.menuHorizontal tr {
    width: 334px;
}
.menuHorizontal td {
    color: #333 !important;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
}

.gwt-MenuBar-horizontal {
    background: none;
    border: none;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
    padding: 0 4px;
    color: #000;
    font-size: 10px;
    font-weight: normal;
}
.gwt-MenuBar .gwt-MenuItem-selected {
    color: #fff;
}

.gwt-Button:hover {
    border-color: #86dfdf #40769d #40769d #86dfdf;
}
.gwt-PushButton-down-hovering,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering {
    border-color: #86dfdf;
    background-position: 0 -51px !important;
}

div.toolbar2,
table.toolbar2 {
    top:3px !important;
    right:3px !important;
    left:6px !important;
    height:240px;
    width:44px;
    background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/toolbar-vertical-bg.png.xhtml") repeat-x 0 -144px;
}

table.toolbar2 {background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/toolbar-vertical-bg.png.xhtml") no-repeat 0 0;}
.toolbar2 button.gwt-Button,
.toolbar2 .gwt-ToggleButton,
.toolbar2 .toolbarCombo {background-image: url("/wls-sso-login-web/javax.faces.resource/images/layout/funky-guiButtons.png.xhtml") !important;}

.gwt-MenuBar-vertical {}
.gwt-MenuBar-vertical tr {}
.gwt-MenuBar-vertical tr:hover {}
.gwt-MenuBar-vertical td {
    padding: 2px 6px 2px 22px;
    line-height: 22px;
    font-size: 12px;
}
.gwt-MenuBar-vertical td:hover {
    background-color: #004f9e !important;
}

.gwt-MenuBarPopup {margin: 0 !important; z-index:321111;}

.menuHorizontal .gwt-ToggleButton {
    padding: 0;
    text-align: center;
    background:transparent !important;
    border: none !important;
}
.menuHorizontal .gwt-ToggleButton:hover,
.menuHorizontal .gwt-ToggleButton-down-hovering {

}

.menuHorizontal .gwt-ToggleButton img {width:32px;height:32px;}
.menuHorizontal .gwt-ToggleButton:hover img,
.menuHorizontal .gwt-ToggleButton-down-hovering img {}

.menuHorizontal .gwt-ToggleButton span {display:block;padding:4px 12px;font-weight:bold;font-size:10px;font-family:Arial,Helvetica,sans-serif !important;line-height:10px;text-transform:uppercase;text-shadow:0 1px 0 #eee;}
.menuHorizontal .gwt-ToggleButton:hover span,
.menuHorizontal .gwt-ToggleButton-down span,
.menuHorizontal .gwt-ToggleButton-down-hovering span {display: block; color: #fff;padding:4px 12px;background: #009ee0 url("/wls-sso-login-web/javax.faces.resource/images/layout/menuitem-bg.png.xhtml") repeat-x 0 -32px;text-shadow:0 1px 0 #333;/* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */}
/*
        .dj_ie .menuHorizontal .gwt-ToggleButton:hover span,
        .dj_ie .menuHorizontal .gwt-ToggleButton-down span,
        .dj_ie .menuHorizontal .gwt-ToggleButton-down-hovering span {color: #fff;background: #009ee0 url("/wls-sso-login-web/javax.faces.resource/images/layout/menuitem-bg.png.xhtml") repeat-x 0 -32px;}
*/

.gwt-MenuBar-vertical { background-color:#eee; }
.gwt-MenuBar-vertical tr {/* border-bottom: 3px solid #eee; */ border:none;}
.gwt-MenuBar-vertical td {padding:4px !important; line-height:16px;}




/*  funky menu icons */
.menuHorizontal .gwt-ToggleButton img {display:none;}

.gwt-MenuBar .gwt-MenuItem-selected {
    color: #fff !important;
    text-shadow: 0 1px 0 #333;
}



.imgpWidget,
.imgpWidgetContent,
.gwt-PopupPanel,
.gwt-DialogBox .dialogMiddleCenter,
.gwt-DecoratedPopupPanel .popupContent,
.suggestPopupMiddleCenterInner.suggestPopupContent,
.suggestPopupMiddleCenterInner.suggestPopupContent table tr {
    color: #333;
    background-color: #eee !important;
}

.footerPanel .imgpWidget,
.buttonPanel .imgpWidget,
.buttonPanel .imgpWidgetContent,
.gwt-DialogBox .dialogTopCenter,
.popupPanelMenuNew.subHorizontal,
.visibleGuiPanel .imgpWidget,
.visibleGuiPanel .imgpWidgetContent {
    background-color: transparent !important;
}

.gwt-PopupPanel {border-color: #009ee0;}

.attachedFiles,
.suggestPopupMiddleCenterInner.suggestPopupContent span,
.gwt-DisclosurePanel .header, .gwt-DisclosurePanel .header a, .gwt-DisclosurePanel .header td {
    color: #333;
}

.gwt-DisclosurePanel .content {border-left: 3px solid #999;}

ul.actionList li:hover,
.suggestPopupContent .item-selected,
.suggestPopupContent .item-selected span,
.checklistbox .popupContent tr:hover {
    color: #fff;
    background: #009ee0 !important;
}

.gwt-TabPanelBottom {
    background-color: #eee;
    border: 1px solid #ddd;
    border-top:none !important;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.filtersPanel .gwt-SuggestBox {width:210px !important;}
.filtersPanel .gwt-Button {height:22px !important;}

.footerPanel {background: none !important; background: transparent url("") repeat 0 0 !important; -background: #fff !important;}
* html .footerPanel {background: #fff !important;}

.subVertical {
    top:72px !important; padding: 0;
    background: #009ee0;
    box-shadow: 0 3px 5px #000;
    clip: inherit !important;
}
.subVertical .popupMenuHeader {display:none;}
.subVertical .gwt-MenuBar-vertical {}
.subVertical .gwt-MenuBar-vertical tr {
    color: #fff;
    background: #009ee0;
}

.gwt-PopupPanel {
    padding:3px;
    background: none repeat scroll 0 0 #eee;
    border: 3px solid #000;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.gwt-PopupPanel {border-color: #009ee0;}

.gwt-Button,
.gwt-PushButton,
.gwt-ToggleButton,
.itemButtons .gwt-Button {
    background: transparent url("/wls-sso-login-web/javax.faces.resource/images/layout/accordion-hd.png.xhtml") repeat-x 0 -244px;
}

.gwt-MenuBar-vertical tr:hover,
.gwt-MenuBar-vertical td:hover,
.gwt-MenuBar-vertical .subMenuIcon-selected,
.gwt-MenuBar .gwt-MenuItem-selected,
.gwt-MenuBarPopup .gwt-MenuItem-selected {
    color: #fff;
    background: #004f9e url("/wls-sso-login-web/javax.faces.resource/images/layout/menuitem-bg.png.xhtml") repeat-x 0 -96px !important;

}

.subVertical {
    top:72px !important; padding: 0 !important;
    background: #009ee0;
    box-shadow: 0 3px 5px #000;
    clip: inherit !important;
}

.subVertical table {
    border-collapse:collapse;
}
.subVertical .popupMenuHeader {display:none;}
.subVertical .gwt-MenuBar-vertical {}
.subVertical .gwt-MenuBar-vertical tr {
    color: #fff;
    background: #009ee0;
    padding: 0;
}
.subVertical .gwt-MenuBar-vertical td {
    padding: 0;
}

.GLKONBION {
    font-weight: bold;
    margin: 0 0 24px;
    width: 80px;
}

.GLKONBINJ {
    margin: 16px 0;
    text-align: center;
}

.GLKONBINN {
    margin: 0 0 4px 81px;
    width: 162px;
}

.GLKONBIJJ {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 8px 16px;
}

.GLKONBINN {
    margin: 0 0 4px 81px;
    width: 162px;
}