body {
    background-color: white;
    font-size: small;
    font-family: Arial;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 14px;
    font-family: Arial;
    line-height: normal;
    text-transform: uppercase;
}

h4 {
    font-size: 18px;
    line-height: normal;
    color: Gray;
}

hr.Default {
    color: #4682b4; /* Steelblue */
    height: 1px;
    margin: 0;
}

.TBS_Panel_Style {
    background-color: white;
    border-style: solid;
    border-color: #cdc7c3;
    border-width: 1px;
    padding: 2px;
}

.TBS_Panel_Main_Style {
    background-color: white;
    border-style: solid;
    border-color: #b0c4de;
    border-width: 1px;
    padding: 2px;
}

.TBS_Panel_Main_Header {
    text-align: left;
    padding: 3px;
    background-color: White;
    color: White;
    font-weight: bold;
    background-image: url(/tbs_fibu/ig_common/images/igpnl_office2k3_drk.png);
    background-repeat: repeat-x;
}

.TBS_Client_Name {
    font-size: small;
    color: #4682b4;
    font-family: Arial;
    font-weight: bold;
}

.TBS_User_Name {
    font-size: x-small;
    color: #4682b4;
    font-family: Arial;
    font-weight: bold;
}

/* background-image:url(/tbs_fibu/ig_common/images/igpnl_office2k3.png);*/
.TBS_Panel_Header {
    text-align: center;
    padding: 0px;
    background-color: white;
    color: #4682b4;
    font-weight: bold;
    background-image: url(/tbs_fibu/ig_common/images/igpnl_office2k3.png);
    background-repeat: repeat-x;
}

.TBS_Logo {
    height: 80px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.unwatermarked {
    height: 18px;
    width: 148px;
}

.watermarked {

    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

.modal-backgound {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.modal-center {
    z-index: 1000;
    margin: auto;
    padding: 15px;
    width: 300px;
    height: 40px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.loader-text {
    display: block;
    margin-left: 75px;
    margin-top: 12px;
    font-weight: bold;
    color: #000000;
}
.loader-squares {

    width: 20px;
    height: 20px;
    position: relative;
    animation: loader-squares-animation 1s ease infinite;
    top: 50%;
    margin: -43px 0 35px 15px;
    float: left;
}

@keyframes loader-squares-animation {

    0%, 100% {

        box-shadow: -13px 20px 0 #0052ec, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
    }

    25% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #0052ec, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
    }

    50% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #0052ec, -13px 46px 0 rgba(0, 82, 236, 0.2);
    }

    75% {

        box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #0052ec;
    }
}