body {
    margin: 0;
    font-family: 'Arial';
    float: left;
}

#divworkspace {
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: -322px;
}
/*#divworkspace.errorpage {
        margin-top: -322px;
}*/

#divmaincontainer {
    width: 836px;
    height: 644px;
    margin: 0 auto;
}

.divcontainerbg {
    background: url(../images/fft_login_background.png) no-repeat top left #ffffff;
}

.divcontainerbg-uaa {
    background: url(../images/uaa_login_background.png) no-repeat top left #ffffff;
}

.divldapbg {
    background: url(../images/ldap_login_background.png) no-repeat top left #ffffff;
}

#divheader {
    display: none;
}

#divmobilebanner {
    display: none;
}

#divmessagepanecontainer {
    color: #ed6e00;
    font-size: 12px;
    width: 150px;
    height: 52px;
    position: relative;
    top: 350px;
    left: 634px;
}

    #divmessagepanecontainer.errorpage {
        color: #ed6e00;
        font-size: 13px;
        width: 270px;
        height: 100px;
        position: relative;
        top: 409px;
        left: 530px;
        text-align: justify;
        /*line-height:25px;*/
    }

        #divmessagepanecontainer.errorpage #messagepane {
            top: 0px;
        }

        #divmessagepanecontainer.errorpage #lblMessageTop {
            top: 60px;
        }


    #divmessagepanecontainer.formldaplogin #lblMessageTop {
        bottom: 20px;
        left: 0px;
    }

    #divmessagepanecontainer span {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

#divmaintenancemessage ul {
    margin: 0;
    padding: 0 0 0 20px;
}

#divmaintenancemessage li.title {
    color: #b23217;
    font: 13px Arial;
    font-style: italic;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

#divmaintenancemessage li.msg {
    color: #adafb2;
    font-size: 12px;
    font: 12px Arial;
    padding: 0;
    margin: 2px 0 5px 0;
    list-style-type: none;
}

.ullist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .ullist .lipasscode a {
        font-size: 12px;
    }

#divreportmessages {
    position: absolute;
    width: 530px;
    top: 480px;
    font-family: Arial;
    padding: 0 0 0 50px;
}

#divloginpanel, #divlogoutpanel, #divldaploginpanel {
    position: relative;
    top: 365px;
    left: 640px;
    width: 150px;
    min-height: 170px;
    max-height: 170px;
}



#divlogoutpanel, #divldaploginpanel {
    font-size: 14px;
}

    #divloginpanel input[type=text],
    #divloginpanel input[type=password],
    #divldaploginpanel input[type=text],
    #divldaploginpanel input[type=password] {
        margin-bottom: 4px;
        border: 1px solid #CCC;
        border-radius: 3px;
        box-shadow: 0 1px 2px #EEE inset;
        color: #000;
        font-size: 12px;
        line-height: 13px;
        -moz-border-radius: 3px;
        -moz-box-shadow: 0 1px 2px #eee inset;
        padding: 3px;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px #EEE inset;
        width: 140px;
    }

    #divloginpanel input::placeholder, #divldaploginpanel input::placeholder {
        font-style: italic;
        color: #ADAFB2;
    }

    #divloginpanel label, #divldaploginpanel label {
        font-family: 'Arial';
        font-size: 13px;
        color: #ADAFB2;
    }

    #divloginpanel input[type=submit], .submitbutton, #divldaploginpanel input[type=submit] {
        width: 43%;
        background-image: linear-gradient(#f1f1f1,#cecece);
        font-weight: bold;
        border-color: #7f7f7f;
        border-radius: 3px;
        border-width: 1px;
        color: #555555;
        height: 22px;
        margin: 0 0 0 3px;
        padding: 0px 8px 0 4px;
    }

        #divloginpanel input[type=submit]:hover, .submitbutton:hover, #divldaploginpanel input[type=submit]:hover {
            background-image: linear-gradient(#a6a6a6, #8d8d8d);
            color: #ffffff;
        }

    #divloginpanel .divformsubmit, #divldaploginpanel .divformsubmit {
        float: right;
        margin: 5px 0 0 0;
        width: 100%;
    }

    #divloginpanel .divloading, #divldaploginpanel .divloading {
        width: 53%;
        float: left;
        background: url(../Images/linear-loader.gif) no-repeat;
        margin: 8px 0px 0px 0px;
    }

    #divlogoutpanel .divloading {
        width: 100%;
        float: left;
        background: url(../Images/linear-loader.gif) no-repeat;
        margin: 8px 0px 2px 0px;
    }

.divprogress {
    color: #ed6e00;
    font-size: 12px;
    width: 195px;
    height: 2px;
    position: relative;
    bottom: 190px;
    left: 600px;
}

    .divprogress .divprogressbar {
        height: 2px;
        width: 0%;
        background-color: #ed6e00;
        margin-top: 5px;
        max-width: 195px;
    }

    .divprogress .spanprogress {
        color: #ed6e00;
        font-size: 12px;
        width: 100%;
    }

#ifrmsignoutcleanup {
    display: none;
}

#divversion {
    color: #adafb2;
    font-size: 9px;
    float: left;
    width: 33%;
    position: absolute;
    bottom: 7%;
    margin: 0 0 0 20px;
}

#divcopyright {
    color: #adafb2;
    font-size: 9px;
    float: left;
    width: 33%;
    position: absolute;
    bottom: 5%;
    margin: 0 0 0 20px;
}

#divforgottenunpwd {
    /*color: #adafb2;
    font-size: 9px;
    float: left;
    width: 97%;
    position: relative;
    top: 54%;
    margin: 0px;*/
    color: #adafb2;
    font-size: 9px;
    float: left;
    width: 97%;
    position: relative;
    top: 59%;
    margin: 0px;
}

    #divforgottenunpwd p {
        margin: auto;
        float: right;
    }

        #divforgottenunpwd p a {
            color: #f58025;
            text-decoration: none;
        }

            #divforgottenunpwd p a:hover {
                color: #f58025;
                text-decoration: underline;
            }

#divcustomemessage {
    color: #9f9f9f;
    font-size: 11px;
    float: left;
    font-weight: bold;
    width: 33%;
    position: absolute;
    bottom: 5%;
    margin: 0 0 0 140px;
}

/*Media Query Phone*/
@media only screen and (max-width: 416px) {
    #divmobilebanner {
        background: url(../Images/banner.png) no-repeat top left #ffffff;
        display: block;
        height: 50px;
        margin: 2% 2% 0 2%;
    }

    #divworkspace {
        top: 0%;
        position: absolute;
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }

    #divmaincontainer {
        background: #ffffff;
        width: 100%;
        height: 99%;
        margin: 0 auto;
    }

    #divloginpanel, #divldaploginpanel {
        position: absolute;
        width: 100%;
        top: calc(50% - calc(25% / 2));
        left: 0;
        min-height: 25%;
        max-height: 25%;
    }

        #divloginpanel input[type="text"], #divloginpanel input[type="password"],
        #divldaploginpanel input[type="text"], #divldaploginpanel input[type="password"] {
            width: 94%;
            font-size: 25px;
            margin: 0 0 10px 2%;
        }

        #divloginpanel label, #divldaploginpanel label {
            font-size: 20px;
            float: right;
            margin-right: 2%;
        }

        #divloginpanel input[type="submit"], .submitbutton, #divldaploginpanel input[type="submit"] {
            width: 90%;
            height: 25px;
            float: right;
        }

        #divloginpanel .divformsubmit .divloading, #divldaploginpanel .divformsubmit .divloading {
            width: 30%;
            float: left;
            margin-left: 10%;
        }

        #divloginpanel .divformsubmitbtn, #divldaploginpanel .divformsubmitbtn {
            width: 60%;
            float: right;
            margin-right: 2%;
        }

    #divmessagepanecontainer {
        color: #ed6e00;
        font-size: 12px;
        width: 95%;
        height: 52px;
        position: absolute;
        top: calc(50% - calc(25% / 2) - 59px);
        left: 2%;
    }

    #divreportmessages {
        position: absolute;
        left: 5%;
        top: calc(90% - 12.5%);
        width: 90%;
    }
    /*#divmessagepanecontainer span {
            position: relative;
        }*/

    .divprogress {
        display: none;
    }

    #divfooter {
        color: #adafb2;
        font-size: 9px;
        position: absolute;
        width: 100%;
        float: left;
        margin: 0px;
        bottom: 1%;
    }

    #divforgottenunpwd p {
        float: left;
        margin-left: 10px;
    }
}
/* Media Query Pad*/
@media only screen and (min-width:420px) and (max-width: 813px) {
}