/*============================================================
    Common CSS styles for login page
    Copyright 2011 and beyond, USU Software  
============================================================*/

html {
   background: url("images/LoginPage/main_background_2017.jpg") no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.loginPageBackground {
}
.loginPageBackgroundContrast {
    background-color: #EFEFEF;
}

/* Cover for service message */
.loginServiceMessage,
.loginServiceMessageContrast {
    background-color: #004169;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #004169;
}
.loginServiceMessageContrast {
    border: 1px solid #FFFFFF;
}
.loginServiceMessageText,
.loginServiceMessageTextContrast {
    font-family:Open Sans,Verdana,sans-serif; 
    font-size:14px;
    font-weight: normal;
    color: #FFFFFF;
}
.loginServiceMessageTextContrast {
    color: #FFFFFF;
}

.loginUpperPanel {
    background-repeat: repeat-y;
    background-position: top left;
}

.loginTopLeftImageCnv {
    background-repeat: no-repeat;
    background-position: top left;
    height: 1px;
}

.loginTopLabel {
    width: 1px;
    height: 1px;
    color: transparent; 
}

/*.loginTopLeftImage {
    width: 186px;
    height: 244px;
    background-color: transparent;
    border: 2px solid cyan;
}*/

.loginTopRightImageCnv {
    background-color: transparent;
}
/*.loginTopRightImage {
    width: 186px;
    height: 44px;
    border: 2px solid white;
}*/

/*.loginKeySign {
    width: 32px;
    height: 32px;
    padding-left: 40px;
    background-color: transparent;
    background-image: url("./images/LoginPage/key_32.png");
    background-repeat: no-repeat;
    background-position: top left;
}*/

/* Main header of page i.e. Login Valuemation */
.loginHeaderLabelCover,
.loginHeaderLabelCoverContrast {
    background-image: url("images/LoginPage/valuemation-transparent-2017.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.loginHeaderLabelCoverContrast {
    background-image: url("images/LoginPage/valuemation-transparent-contrast.png");
}

.loginHeaderLabel {
    height: 80px;
    margin-left: 595px;
    font-size: 12px;
    font-weight: normal;
    color: transparent;
}

/* Login title, i.e. Please enter your ID */
.loginHeader, 
.loginHeaderContrast, 
.loginHeaderErr,
.loginHeaderContrastErr {
    width: 400px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.loginHeaderErr,
.loginHeaderContrastErr {
    padding-top: 10px; 
    padding-bottom: 10px;
}

.loginHeaderErr {
    background-color: #fb8c25;
}

.loginHeaderText,
.loginHeaderTextErr,
.loginHeaderTextContrast,
.loginHeaderTextContrastErr {
    font-family:Open Sans,Verdana,sans-serif;  
    font-size: 14px;
    font-weight: 600;
}
.loginHeaderText,
.loginHeaderTextErr {
    color: #004169;
}
.loginHeaderTextContrast {
    color: #FFFFFF;
    font-style: italic;
}
.loginHeaderTextContrastErr {
    color: #666666; 
    font-style: italic;
}

.loginForm {
    background-repeat: repeat;
    width: 480px;
/*    margin: 20px;*/
    padding: 15px;
}

.loginTextBox, .loginTextBoxFocused, .loginTextBoxDisabled {
    border: 1px solid #A6A6A6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 3px;
}

.loginTextBoxFocused {
    border-color: #EC7404;
}

.loginTextBoxDisabled {
    border: 1px solid #A6A6A6;
    background-color: #D9D9D9;
}

.loginTextBox::selection {background-color: #e3f1f5;}
.loginTextBox::-moz-selection {background-color: #e3f1f5;}
.loginTextBoxFocused::selection {background-color: #e3f1f5;}
.loginTextBoxFocused::-moz-selection {background-color: #e3f1f5;}
.loginTextBoxDisabled::selection {background-color: #e3f1f5;}
.loginTextBoxDisabled::-moz-selection {background-color: #e3f1f5;}

.loginTextBoxTitle, 
.loginTextBoxTitleContrast, 
.loginTextBoxTitleFocused, 
.loginTextBoxTitleContrastFocused,
.loginTextBoxTitleDisabled,
.loginTextBoxTitleContrastDisabled {
    font-family: Open Sans,Verdana,sans-serif; 
    font-size: 14px;
    font-weight: 600;
    color: #004169;
    text-align: left;   
}
.loginTextBoxTitleContrast {
    color: #FFFFFF;
}

.loginTextBoxTitleFocused {
}
.loginTextBoxTitleContrastFocused {
}

.loginTextBoxTitleDisabled {
}
.loginTextBoxTitleContrastDisabled {
    font-style: italic;
}

.loginButonPanel {
    padding: 15px;
/*  padding-top: 0px;*/
    padding-bottom: 0px;
}

.loginMainPanel,
.loginMainPanelContrast {
    background-color: #F2F2F2;
    border: 1px solid #004169;
    padding: 15px;
}
.loginMainPanelContrast {
    border: 1px solid #FFFFFF;
}

.loginRunlinkMessage {
    background-image: url("images/LoginPage/main_background_2017.jpg");
    background-repeat: repeat;
    background-color: transparent;
    font-family: Open Sans,Verdana,sans-serif; 
    font-size: 14px;
    font-weight: bold;
    color: #004169;
    margin: 7px;
    padding: 20px;
}

/* remove Change Password button */
#isc_12 {display: none !important; }
#isc_13 {display: none !important; }

