/***********************************************************************************
//  +==============================================================================+
//  | Licensed Materials - Property of IBM                                         |
//  | (C) Copyright IBM Corp. 2018,2019                                            |
//  | US Government Users Restricted Rights- Use, duplication or disclosure        |
//  | restricted by GSA ADP Schedule Contract with IBM Corp.                       |
//  +==============================================================================+
***********************************************************************************/

/* Company logo divison */
.loginLogoDiv
{
    background-repeat: no-repeat; 
    display:inline-block;
}
.loginMergeLogoDiv {
    background-image: url( '../Images/ica-name-login@2x.png?ver=7.1.1.2148');
    background-size: 702px 96px;
    width: 702px;
    height: 96px;
    margin-left: 4px;
}
.loginIbmLogoDiv{
    background-image: url('../Images/ibm-8bar-login@2x.png?ver=7.1.1.2148'); 
    background-size:32%;
    float: right;
    background-position:right;
    background-position-x:90%;
    background-position-y:30%;
    width: 200px;
    height: 96px;
    margin-top: 10px;
    margin-right: 15px;
}
.loginLogoContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    height: 96px;
    margin:5px 16px;
}
/* Splash screen logo divison for main login page*/
.loginSplashScreenLogo
{
    background-repeat: no-repeat; 
    position: relative;
    top: 0px; 
    left: 20px; 
    width:700px; 
    min-height:340px; 
	height:auto;
    margin: 10px 0 0 0
}
.loginSplashScreenLogo .loginScreenVersion
{
    color:#FFF;
    position:relative;
    float:right;
    margin-right:20px;
    font-size:15pt;
    font-family:Arial;
}

.loginSplashScreenLogo, studyReviewLoginSplashScreenLogo
{
    background-color:rgba(99, 104, 108, 1);
    border:1px solid white;
}

/* The login relating controls division */
.loginControls
{
    position: relative; 
    top: 0px; 
    width: 35em; 
    padding: 60px 50px 10px 40px
}

/* styles of Login title */
.loginSectionLabel
{
   font-size: large;
}

/* Common styles of text box, and dropdown list on login page */
.commonLoginTextBox, commonLoginDropDownList
{
   background-color: White;
}

/* Common styles of labels, text box, title label and dropdown list on login page */
.commonLoginLabel, .commonLoginTextBox, .loginSectionLabel, .commonLoginDropDownList
{
   font-family: Arial;
}

/* Common styles of labels, text box and dropdown list on login page */
.commonLoginLabel, .commonLoginTextBox, .commonLoginDropDownList
{
   font-size: small;
}

/* Comoon styles of label and Register link text on login page */
.commonLoginLabel, loginSectionLabel, .linkButton
{
   color: White;
}

/* Common styles of input text box  on login page */
.commonLoginTextBox
{
   color: Black;
}

/* Styles of password text box */
.loginFullWidthTextBox
{
    border : none;
    width: 100%;
}

/* Register button */
.linkButton
{
   padding: 0 75px 0 0;
}

/* The non-register controls division */
.loginNonRegisterUserMenuDiv
{
    position: relative; 
    top: 0px; 
    left: 20px; 
    width: 660px;
}

/* Default style of login input label control */
div.groupDeskTopLabel
{
    margin: 2px 0px 8px 0px;
    width: 240px;
}

/* Default style of login input control */
div.groupDeskTopInput
{
    margin: 2px 0px 12px 0px;
    white-space: nowrap;
    width: 240px;
}

/* Compact style for login input label control. 
   It is used when preferred language control is displayed */
div.groupDeskTopLabelCompact
{
    margin: 2px 0px 4px 0px;
    width: 240px;
}

/* Compact style for login input control . 
   It is used when preferred language control is displayed */
div.groupDeskTopInputCompact
{
    margin: 2px 0px 4px 0px;
    white-space: nowrap;
    width: 240px;
}

/* Login button top division */
div.loginButtonGroup
{
    margin: 16px 0px 16px 0px;
    width: 100%;
}

/* Style for grouping title division */
div.groupTitle
{
    margin: 12px 0px 12px 0px;
    width: 100%;
}

/* Login button sub division */
.linkButtonDiv
{
    float: left; 
    margin: 0 0 5px 0;
}

/* Connection test division */
.loginConnectionTestToolDiv
{
    position: fixed; 
    bottom: 10px; 
    left: 10px; 
    width: 100%; 
}

/* Connection test detail division */
.loginConnectionDetailsDiv
{
    position: fixed; 
    left: 250px; 
    top: 150px;
    z-index: 400;
}

/* Pop up dialog for login page */
.loginDimmerDiv
{
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: Black; 
    z-index: 100; 
    filter: alpha(opacity=50); 
    opacity: 0.5;
}

/* Splash screen logo divison for guest study review page where prompts user for entering pin */
.studyReviewLoginSplashScreenLogo
{
    background-repeat: no-repeat; 
    position: relative;
    top: 180px; 
    left: 20px; 
    width:700px; 
    height:340px; 
}

/* The top div under Guest study review page where prompts user for entering pin */
.studyReviewLoginTopEnterPinEntry
{
    position: absolute; 
    top: 80px; 
    width: 26em;
    height: auto;
    padding: 5px;
}

/* buttons under the non register user section  of the login page */
.nonRegisterUserButton
{
    color:White;
    border-style:None;
    font-family:Arial;
    font-size:Small;
    font-weight:bold;
    cursor: pointer;
}