/*
    ****************************************
    Copyright © 2001 IntegraSoft
    Inc. All Rights Reserved.
    ****************************************
*/

/*
    ********************************************************************
    Layout name:      loginlayout1.css before generation, layoutlogin.css
                      after generation
    Author:           SkillFusion 3.0
    Purpose:          Define positioning styles for the login screen
    Modified:         N/A;
    Modified by:      N/A;
    Modifications:    N/A;
    ********************************************************************
*/

/*
    This class applies sizing to the overall display of the screen.  All
    other classes apply their positioning with respect to this class.
*/

.loginscreen
{
    position: absolute;
    width: 100%;
    height: 100%;
}

/*
    This class positions the main title for the project.
*/

.logintitle
{
    position: absolute;
    top: 0px;
    left: 0px;
}

/*
    This class affects the sizing and position of the logo image
    designated during the design process.  The size properties in
    this class can stretch or shrink the image and should be used
    with care in order to maintain proportionality.
*/

.logoimage
{
    position: absolute;
    top: 0px;
    left: 150px;
    z-index: 0;
}

/*
    This class sizes and positions the status text that is displayed 
    after a login attempt is made by the user.
*/

.loginmessage
{
    position: absolute;
    top: 150px;
    left: 200px;
    width: 300px;
}

/*
    This class positions both the organization label and the
    text box.  If the width is set small (i.e. 10px), the two
    items will wrap causing the label to be on top.  If the
    width is much larger (i.e. 300px), the label and text box
    will be side by side. 
    I've changed this to 0,0 since we don't show this
    for RDI.
*/

.organization
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    text-align: right;
    z-index: 1;
}

/*
    This class positions both the user name label and the
    text box.  If the width is set small (i.e. 10px), the two
    items will wrap causing the label to be on top.  If the
    width is much larger (i.e. 300px), the label and text box
    will be side by side. 
*/

.user
{
    position: absolute;
    top: 190px;
    left: 150px;
    width: 300px;
    text-align: right;
    z-index: 2;
}

/*
    This class positions both the password label and the
    text box.  If the width is set small (i.e. 10px), the two
    items will wrap causing the label to be on top.  If the
    width is much larger (i.e. 300px), the label and text box
    will be side by side. 
*/

.passwd
{
    position: absolute;
    top: 220px;
    left: 150px;
    width: 300px;
    text-align: right;
    z-index: 3;
}

/*
    This class positions the login button.
*/

.loginbutton
{
    position: absolute;
    top: 270px;
    left: 340px;
    z-index: 4;
}

/*
    This class positions the forgotten password button.
    I've changed this to 0,0 since we don't show this
    for RDI.
*/

.forgotbutton
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}