﻿html { margin:0; padding:0; height:100%; }   
body { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #000000; line-height: 16px; margin:0; padding: 0; height:100%; }
h1 { line-height: 120%; }

/* Make Header Sticky */
#header_container {  background-color: rgb(255, 255, 255); box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.19); height:130px; left:0; position:fixed; width:100%; top:0; z-index: 999;}
.logo-container{text-align:center;} 
#header_container .banner{height:130px;}
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container { margin:0 auto; overflow:auto; padding:144px 0; margin-left: 5px; }
#content{}
 
/* Make Footer Sticky */
#footer_container { background:#000; bottom:0; height:25px; left:0; position:fixed; width:100%; }
#footer { line-height:25px; margin:0 auto; }

.default {  font-size: 11px; font-weight: normal; color: #000000; line-height: 16px; }
td       { font-size: 16px; font-weight: normal; color: #000000; line-height: 16px;
    
}
.textBox { font-family: verdana; font-size: 12px; font-weight: normal; color: #000000; }

.ticker     { white-space: nowrap; background-color: black; }	
.tickerText {  font-size: 16px; font-weight: bold; color: yellow; white-space: nowrap; background-color: black; line-height: 26px; }	
.tickerTextBig { font-size: 32px; font-weight: bold; color: yellow; white-space: nowrap; background-color: black; line-height: 26px; }	


.error        { font-family: 'Open Sans', sans-serif;font-size: 11px; font-weight: bold; color: #ff0000; }
.validation   { color: #ff0000; }

a         { font-family: 'Open Sans', sans-serif; font-size: 11px; text-decoration: underline; font-weight: normal; color: #FF0000; }
a:visited { font-family: 'Open Sans', sans-serif; font-size: 11px; text-decoration: underline; font-weight: normal; color: #FF0000; }
a:hover   { font-family: 'Open Sans', sans-serif; font-size: 11px; text-decoration: underline; font-weight: normal; color: #000 !important; background-color:Transparent; }

a.null         { text-decoration: none; background-color:Transparent; color: #000000; }
a.null:visited { text-decoration: none; background-color:Transparent; color: #000000; }
a.null:hover   { text-decoration: none; background-color:Transparent; color: #000000; }

/*Textbox Watermark*/
.unwatermarked { height:18px; width:200px; }
.watermarked { height:20px; width:150px; padding:2px 0 0 2px; border:1px solid #BEBEBE; background-color:#F0F8FF; color:gray; }	

.TopHeader { background-image:url('images/HeaderBackground.gif'); background-repeat: no-repeat; background-size: 100% 100%; }    

/*custom css start*/
.color-red{color:#eb3024;}
.color-black{color:#282828;}
.txt-center{text-align:center;}

.login-pagecontainer h1{font-size:48px;}
.login-para{font-size:20px;    line-height: 24px;}
.login-para a{color:#4a90e2;font-size:20px;}
.logininput{margin-bottom:20px;}
.logininput input{width:100%;max-width:660px;height:70px;border-radius:70px;color:#7e7e7e !important;background-color:#fff; border:1px solid #ee3224;padding:0 25px; font-size:18px;outline: none;box-sizing: border-box;}
.login-footer{display:flex; justify-content:space-between;max-width:660px;margin:0 auto;align-items: center;}
.forget-text a{border-bottom: 1px solid #eb3024;padding:10px 35px;font-style: italic;color: #ee3224;text-decoration: none;font-size: 18px; position: relative;}
    .forget-text a:after {
        content: '';
        border-top: 9px solid transparent;
        border-left: 10px solid #eb3024;
        border-bottom: 9px solid transparent;
        position: absolute;
        top: 50%;
        left: 15px;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
.forget-text a:hover{background-color:transparent;}
.login-button input{width:160px;height:67px;text-align:center;color:#fff;font-size:18px;background-color:#ee3224;border:none;cursor:pointer;}
.login-container{margin-top:40px;}
.forget-container .login-button input{width:250px;}
.forget-container .forget-text a:after {
    border-top: 9px solid transparent;
    border-right: 10px solid #eb3024;
    border-bottom: 9px solid transparent;
    border-left: 10px solid transparent;
    left: 3px;
}
.forget-pagecontainer{max-width:1140px;margin:auto}
.session-timeout{text-align:center;}
.forget-pagecontainer .error {
    font-size: 16px;
    font-weight: normal;
    display: block;
    line-height: 27px;
    margin-top: 30px;
}
.forget-pagecontainer .error a {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    line-height: normal;
}
/*custom css end*/
.reg-pagecontainer h1 {
    margin-bottom: 20px;
}
.reg-pagecontainer {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 15px;
}
    .reg-pagecontainer .back-login-link {
        border-bottom: 1px solid #eb3024;
        padding: 10px 20px;
        font-style: italic;
        color: #ee3224;
        text-decoration: none;
        font-size: 18px;
        position: relative;
    }   
.reg-pagecontainer .back-login-link:before {
        content: '';
        border-top: 9px solid transparent;
        border-left: 10px solid #eb3024;
        border-bottom: 9px solid transparent;
        position: absolute;
        top: 50%;
        left: 0;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .reg-pagecontainer .note-text {
        font-size: 16px;
    }
    .reg-pagecontainer .reg-table {
        max-width: 500px;
        width: 100%;
        margin-top: 30px;
    }
    .reg-pagecontainer .reg-table .unwatermarked {
        height: 25px;
        max-width: 300px;
        width: 100%;
    }
        .reg-pagecontainer .reg-table input[type="submit"] {
            font-size: 18px;
            height: 40px;
            margin-top: 20px;
            padding: 5px 15px;
            text-align: center;
            color: #fff;
            background-color: #ee3224;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
            .reg-pagecontainer .reg-table input[type="submit"]:hover {
                color: #333;
                border: 1px solid #ee3224;
                background-color: transparent;
            }