@import url(colors.css);

body {
    /* This needs to be here for IE so that we can auto-center align relative to the browser window size.*/
    text-align:center;
}

body select, body input, body textarea {
   font-family: Calibri, "Trebuchet MS", sans-serif !important;
   font-size: 11pt;    
}

label {
    float:left;
    width:17%;
    vertical-align:middle;
    text-align:right;
    margin-top:3px;
    margin-right:17px;
}

.resetLabelStyles {
    float:inherit;
    width:auto;
    vertical-align:auto;
    text-align:inherit;
    margin-top:auto;
    margin-right:auto;
}

a {
    color: #333333;
}

.content {
    font-family: Calibri, "Trebuchet MS", sans-serif !important;
    font-size: 11pt;
    font-weight: normal;
    color: #333333;
}

.bold {
    font-weight: bold;
}

.alignMiddle {
    vertical-align:middle;
}

div.mainFrame{
    width:990px;
    margin:0px auto;
    float:none;
}

div.bookBird{
    top:0;
    float:right;
}

div.logonBoxFrame {
    top:0;
    width:640px;
    margin:0px auto;
    z-index:100;
}

div.logonTitle {
    font-family: Calibri, "Trebuchet MS", sans-serif !important;
    font-size: 20pt;
    font-weight: normal;
    color: var(--primary-brand-color);
    width: 580px;
    margin: 10px 0 -2px;
    padding-bottom: 10px;
    text-align: left !important;
}

div.logonSubtitle {
    font-family: Calibri, "Trebuchet MS", sans-serif !important;
    font-size: 16pt;
    font-weight: normal;
    color: var(--primary-brand-color);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 46px;
    text-align: left !important;
}

div.bottomPadding {
    padding-bottom: 20px;
}

div.logonBottom {
    width:640px;
    float:left;
}

div.usernamePassword{
    margin-top: 12px;
}

div.copyrightText {
    padding: 20px 13%;
    margin-right: 6px;
    color: #767676;
}

div.lllBanner {
    bottom:0;
    left:0;
    width:100%;
    background-color: var(--primary-brand-color);
    height:82px;
    margin:0px auto;
    position:fixed;
    float:none;
}

div.logonButton {
	float:right;
    margin-right: 6px;
}

div.buildInformation {	
    width:100%;    
    background-color:#FFFFFF;
    font-size:8pt;
    padding-right:10px;
    text-align:right;
    color: #767676;
    height: 15px;
}

div.fieldContainer{
    padding-top: 5px;
    padding-bottom:5px;
    margin-right: 6px;
    vertical-align:middle; 
}

div.floatLeft {
    float:left;
}

div.floatNone {
    float:none;
}

div.floatRight {
    float:right;
}

div.rowClear {
    clear:both;
}

.field {
    width:210px;
    float:none;
}

div.validationFiller {
    float:left;
    width:450px;
    height:120px;
}

#simpleMessageDisplay {
    background-color: var(--primary-display-message-bg-color);
    text-align:left;
    margin:5px auto;
    padding-right: 20%;
    float:left;
    width:464px;
}

#simpleMessageDisplay .validationContent {
    color: #000000;    
}

#simpleMessageDisplay .validationTitle{
    position:relative;
    top:12px;
    left:13px;
    font-weight:bold;
    font-size:12pt;
    color: var(--primary-brand-color);
}

#simpleMessageDisplay .validationMessage {
    position:relative;
    top:-5px;
    left:13px;
    width:460px;    
}

#destiny-branding {
    margin-top: 18px
}

#destiny-branding img {
    width: 206px;
}

.logoFrame {
    height: 150px;
    padding-top: 26px;
    text-align: left;
    padding-right: 0;
    min-width: 280px;
}
.logo-size {
    width: 280px;
    margin-top: -8px;
}

div.login-again-msg {
    padding-top: 26px;
    text-align: right;
}

.password-reset {
    margin-left: 5px;
}

.password-reset-button {
    margin-left: 7px;
}

.changePasswordContainer {
    text-align: left;
}

.changePasswordContainer .passwordInputs td {
    padding-right: 5px;
}

.hidden {
    display: none;
}