/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    /*padding: 0;*/
    /*background-color: #fff;*/ /*#F8F1E1;*/
    color: #4F4F4F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
}

#page
{
    /*margin-bottom: 0;     margin-left: 0;     margin-right: 0;     margin-top: 0;     padding-bottom: 0;     padding-left: 0;     padding-right: 0;     padding-top: 0;     width: 1900px;     text-align:left;*/
    margin: 0 auto;
    text-align: left;
    min-width: 1024px;
    border: 0px;
}

#header
{
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/Content/Images/Core/bmc_logo.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    height: 101px;
    width: 100%;
    overflow:hidden;
    position:relative;
    display:table;
}

#content
{
    display: table-cell;
    vertical-align: top;
    width: 99.9%; /*100% will put a horizontal scrollbar*/
    float: left;
}

#page-content
{
    /*width: 1715px;*/ /*auto works fine with mozilla but ie drops down the tab control so given fix width for ie*/
    float: left;
    height: 758px;
    margin-top: 4px;
    width: 99.5%;
    display: table-row;
    margin-left:5px;
}

.data-content
{
    /*min-height: 80%;     height: 80%;*/
}

.validation-summary
{
    border: 1px solid blue;
    min-height: 15%;
}

.hidden
{
    display: none !important;
}

.properties
{
    display: table-row;
    height: 35px;
    min-height: 35px;
}

input[disabled=true]
{
    color: #CCCCCC !important;
    border: 1px solid #CCCCCC;
    cursor: no-drop;
    outline: none;
    background-color: #eeeeee;
    font-weight: normal;
}

.editor-label
{
    display: table-cell;
    padding: 8px 0px 0px 10px;
    width: 15%;
    vertical-align: top;
    min-width: 125px;
    color: #4F4F4F;
    font-weight: bold;
    font-size:14px;
}

.editor-field
{
    display: table-cell;
    padding: 5px;
    width: 35%;
    font-weight: bolder;
}

input
{
    width: 190px;
}

input[type="text"]:focus, select:focus, textarea:focus
{
    background-color: #E0DEDB;
}

.hidden
{
    display: none;
}

input[readonly]
{
    color: Silver;
}

td input[readonly]
{
    color: #853232 !important;
}

.validation-summary-container
{
    width: 100%;
    height: 110px;
    background-color: #eeeeee;
    margin: 2px 0 0 0;
}

.validation-summary-container-header
{
    display:none;
}

.validation-summary-container-header span
{
    display:none;
}

.validation-area
{
    padding-left: 10px;
    padding-bottom: 10px;
    /*height: 75px;*/
    overflow: auto;
}

.validation-area td
{
    color:Red;
}

.validation-area td.warning span
{
    display:none;
}

.validation-area td.error span
{
    display:none;
}

.validation-area td.info span
{
    display:none;
}

div.validation
{
    margin-right: 8px;
    float: left;
    height: 17px;
    background-image: url('/Content/Images/Core/smallError.png') repeat-none;
}

.validation h3
{
    color: red;
    background-image: url('/Content/Images/Core/error.png');
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 30px;
}

.validation p
{
    font-size: small;
    font-style: italic;
}

.validation table
{
    border-spacing: 0px;
    width: 100%;
}

.validation tr
{
    height: 20px;
}

.validation td.type
{
    display:none;
}

.loginbuttonpanel a[disabled]
{
    color: #CCCCCC !important;
    border: 1px solid #CCCCCC;
    cursor: no-drop;
    outline: none;
    background-color: #eeeeee;
    font-weight: normal;
    font-weight: bolder;
}

.loginbuttonpanel input[disabled]
{
    color: #CCCCCC !important;
    border: 1px solid #CCCCCC;
    cursor: no-drop;
    outline: none;
    background-color: #eeeeee;
    font-weight: normal;
    font-weight: bolder;    
}

.weak-password
{
    color:#FF0000 !important;
}

.medium-password
{
    color:#FF8C00 !important;
}

.strong-password
{
    color:#228B22 !important;
}

.login-container
{
    width: 620px;
    margin-top:50px;
    margin-left:auto;
    margin-bottom:auto;
    margin-right:auto;
    padding-top: 20px;
    font-size: medium;
    background-color: rgb(238,238,238);
    border:1px solid #d1c6ad;
    align:center;
}

.login-container .button
{
    font-size: 18px !important;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bolder;
    display: block;
    padding: 7px 0px 7px 0px;
    margin-top: 4px;
    background-color: #002147;
    width: 110px;
    text-align: center;
    border: 0;
    -moz-border-radius : 8px;
    border-radius : 8px;
    height:38px;
}

.button:hover
{
    background-color: #ffc82e;
    color:#002147 !important
}

.submit-button-container
{
    display:table-cell;
    width:30%;
}

.submit-button-container-salesforce
{
    display:table-cell;
    padding-left:300px;
    width:30%;
}

.forgotpasword-link-container {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
    text-align: right;
    font-size: 16px;
}

.forgotpasword-link {
    color: #0000FF !important;
}

.formfield-container {
    margin: auto;
    width: 90%;
}

.loginbuttonpanel
{
    text-align:center;
    padding: 10px 0px 10px 10px;
    margin:auto;
    width:90%;
}

.membership-validation-container
{
    /*margin:auto;*/
    text-align:left;
    width:95%;
    padding-left: 15px;
    padding-right: 15px;
}

.membership-validation-container td.message
{
    white-space: pre-line;
}

.password-container
{
    display:inline-block;
}

.password-strength
{
    display:inline;
}

.member-instruction
{
    padding:5px 15px 10px 15px;
    text-align:justify;
    font-size:15px !important;
}

.function-header
{
    font-weight:bold;
    font-size:18px;
    padding:0px 0px 5px 15px;
    color:#9B2F08;
}

.password-confirmation-container
{
    max-width: 500px;
    margin-top:50px;
    margin-left:auto;
    margin-bottom:auto;
    margin-right:auto;
    padding: 20px;
    font-size: medium;
    background-color: #f8f7e5;
    border:1px solid #d1c6ad;
}

.passwordExpiredMessage
{
    padding:15px;
}

.capslock
{
    font-size: smaller;
    font-weight:normal;
    background-image: url("/Content/Images/Core/warning.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin-top:5px;
    padding-left:20px;
    height:20px;
}

.emptyContent * 
{
    display:none;
}

#tport a {
    color: #f1ce00;
}

@media only screen and (max-width: 600px) {
    #page {
        min-width: 200px;
    }

    .login-container {
        width: auto;
    }

    input {
        width: auto;
    }

    .login-container .button {
        display: unset;
    }

    .submit-button-container {
        display: block;
        width: 100%;
    }

    .forgotpasword-link-container {
        display: unset;
        width: 100%;
    }

}