/*
 * Copyright (c) 2019, ISG2Tech
 * UNPUBLISHED PROPRIETARY SOURCE CODE
 */

/* ** general ** */
.out {
    background: url(../javax.faces.resource/img/bg_right.gif) 100% 0 repeat-y;
    min-width: 996px;
    position: relative;
    width: 100%;
}

html>body .out {
    height: auto !important;
    min-height: 100% !important
}

/* ** header ** */
.topBg {
    background: url(../javax.faces.resource/img/bg_top.gif) 0 25px repeat-x #394B64;
}

.topBgLt {
    background: url(../javax.faces.resource/img/bg_topleft.gif) 0 25px no-repeat;
    height: 58px;
}

.topBgRt {
    background: url(../javax.faces.resource/img/bg_topright.gif) 100% 25px no-repeat;
    height: 58px;
    width: 100%
}

.logo {
    background: url(../javax.faces.resource/img/logo.gif) 0 0 no-repeat;
    height: 52px;
    left: 25px;
    position: absolute;
    top: 6px;
    width: 43px;
    z-index: 50;
}

.logoBSM {
    background: url(../javax.faces.resource/img/logo_bsm.gif) 0 0 no-repeat;
    height: 52px;
    left: 25px;
    position: absolute;
    top: 6px;
    width: 43px;
    z-index: 50;
}

.logoGMP {
    background: url(../javax.faces.resource/img/logo_gmp.gif) 0 0 no-repeat;
    height: 52px;
    left: 25px;
    position: absolute;
    top: 6px;
    width: 43px;
    z-index: 50
}

.logoTTM {
    background: url(../javax.faces.resource/img/logo_ttm.gif) 0 0 no-repeat;
    height: 52px;
    left: 25px;
    position: absolute;
    top: 6px;
    width: 43px;
    z-index: 50
}

.slogan {
    color: #fff;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    height: 15px;
    left: 75px;
    position: absolute;
    top: 0;
    *top:10px;
    z-index: 50
}

.testMsgStyle {
    color: #f00;
    font: 16px Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    height: 15px;
    left: 400px;
    position: absolute;
    top: 0;
    *top:10px;
    z-index: 50
}

.title {
    margin: 0;
    padding: 40px 20px 0 78px;
}

.userNameBlock {
    background: url(../javax.faces.resource/img/bg_header_panel.gif) 0 0 repeat-x;
    position: absolute;
    right: 0;
    top: 25px
}

.userNameBlockBgLt {
    background: url(../javax.faces.resource/img/bg_header_panel_lt.gif) 0 0 no-repeat;
}

.userNameBlockBgRt {
    background: url(../javax.faces.resource/img/bg_header_topright.gif) 100% 0 no-repeat;
    color: #fff;
    line-height: 25px;
    padding: 6px 30px 16px 50px
}

/* ** header ** */
.header {
    padding: 0 25px;
}

.topMenu {
    float: right;
    margin: 5px 20px 0 0;
}

.loginBlock {
    /*background: url(../javax.faces.resource/img/logo_big.jpg) 100% 0 no-repeat;*/
    border: 0;
    margin: 5% auto;
    padding: 0 280px 0 0;
    width: 456px
}

.loginBlockTAI {
    background: url(../javax.faces.resource/img/logo_big.jpg) 100% 0 no-repeat;
}
.loginBlockBSM {
    background: url(../javax.faces.resource/img/logo_big_bsm.jpg) 100% 0 no-repeat;
    width: 580px
}

.loginBlockGMP {
    background: url(../javax.faces.resource/img/logo_big_gmp.jpg) 100% 0 no-repeat;
    width: 580px
}

.loginBlockTTM {
    background: url(../javax.faces.resource/img/logo_big_ttm.jpg) 100% 0 no-repeat;
}

/* ** content ** */
.pageLayout {
    padding: 0 25px 50px 40px;
}
.pageLayoutLogin {
    padding: 0 25px 50px 40px;
}

/* ** clearfix ** */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ** footer ** */
.footer {
    background: url(../javax.faces.resource/img/bg_bottom.gif) 0 0 repeat-x #394B64;
    bottom: 0;
    color: #fff;
    font-size: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

.footerBgRt {
    background: url(../javax.faces.resource/img/bg_bottomright.gif) 100% 0 no-repeat;
}

.footerBgLt {
    background: url(../javax.faces.resource/img/bg_bottomleft.gif) 0 0 no-repeat;
    overflow: hidden;
}

.copyright {
    float: right;
    margin: 0;
    padding: 11px 38px 0 0;
}

.versionInfo {
    float: left;
    margin: 0;
    padding: 11px 0 0 20px;
}

/* Other */
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.clear-all {
    clear: both;
    height: 65px;
    width: 100%
}

.overflow {
    overflow: hidden
}