body {
    margin: 0;
    padding: 0;
    font-family: Arial, Mangal;
    font-size: 13px;
    background-color: #fff;
    background-image: url("../images/checkered-pattern.jpg");
}

.preheader {
    width: 100%;
    height: 25px;
    background-color:#9c9869;
}

.inner_preheader,
.inner_preheader a {
    width: 1000px;
    margin: 0 auto;
    line-height: 25px;
    color: #fff;
    text-align: right;
    font-size: 12px;
    text-decoration: none;
}

    .inner_preheader a:hover {
         color: #4f4426
    }

.header {
    width: 100%;
  background-color: #4f4426;
border-bottom: #af9a4e;
    height: 94px;
}

.inner_header {
    width: 1000px;
    margin: 0 auto;
    height: 94px;
    background-image: url("../images/inner_header_bg.png");
    background-repeat: no-repeat;
}

.department_logo {
    width: 449px;
    height: 65px;
    float: left;
    margin-top: 3px;
}

.mpo_logo {
    width: 254px;
    height: 67px;
    float: right;
    margin-top: 15px;
}

    .mpo_logo imgLogo {
        height: 62px;
        width: 219px;
        float: right;
    }

.img_logo {
    height: 67px;
    width: 219px;
    float: right;
}

.container {
    width: 980px;
    min-height: 550px;
    margin: 0 auto;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #ddd;
}
/** signup style **/

.signup-col {
    width: 350px;
    float: left;
    margin: 30px 0 0 40px;
    padding: 20px 0 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px #ddd;
    border-radius: 6px 6px;
}

    .signup-col img {
        margin: -38px 0 0 20px !important;
        position: absolute;
    }

.signup-fields-col {
    margin: 20px 0 0 0;
}
/**or **/

.or {
    width: 119px;
    margin: 200px 0 0 75px;
    float: left;
}
/** login style **/

.login-col {
    width: 350px;
    float: right;
    margin: 30px 40px 0 0;
    padding: 20px 0 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px #ddd;
    border-radius: 6px 6px;
}

    .login-col img {
        margin: -38px 0 0 20px !important;
        position: absolute;
    }

.login-fields-col {
    margin: 20px 0 0 0;
}


/**TrackApplication**/

.login-coltrack {
     width: 350px;
    float: left;
    margin: 30px 0 0 40px;
    padding: 20px 0 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 4px #ddd;
    border-radius: 6px 6px;

}

    .login-coltrack img {
        margin: -38px 0 0 20px !important;
        position: absolute;
    }

.login-fields-col {
    margin: 20px 0 0 0;
  
}

.signup-col input[type="text"],
.login-coltrack input[type="text"], .signup-col input[type="password"],
.login-coltrack input[type="password"] {
    width: 87%;
    margin: 5px 10px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
}

    .signup-col input:focus,
    .login-coltrack input:focus, .signup-col input[type="password"]:focus,
    .login-coltrack input[type="password"]:focus {
        box-shadow: 0 0 8px #E0AB78;
        border: 1px solid #E0AB78;
    }

.signup-col input[type="checkbox"] {
    margin: 10px 10px 0 10px;
}



/** fields **/

.signup-col input[type="text"],
.login-col input[type="text"], .signup-col input[type="password"],
.login-col input[type="password"] {
    width: 87%;
    margin: 5px 10px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
}

    .signup-col input:focus,
    .login-col input:focus, .signup-col input[type="password"]:focus,
    .login-col input[type="password"]:focus {
        box-shadow: 0 0 8px #E0AB78;
        border: 1px solid #E0AB78;
    }

.signup-col input[type="checkbox"] {
    margin: 10px 10px 0 10px;
}

.signup-col select,
.login-col select {
    width: 94%;
    margin: 5px 10px;
    padding: 9px;
    border-radius: 4px;
    border: solid 1px #cfcfcf;
}

    .signup-col select:focus,
    .login-col select:focus {
        box-shadow: 0 0 2px #582b00;
        border: 1px solid #b05a08;
    }

.MPDCIE-btn {
    width: 94%;
    margin: 5px 10px;
    padding: 10px 10px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px 5px;
   background-color: #4f4426;
    border: none;
}

    .MPDCIE-btn:hover {
        background-color: #b1974d;
    }

.clearFix {
    clear: both;
}
/** form heading **/

.form-head {
    width: 96%;
    margin: 0 0 10px 0;
    padding: 5px 18px;
    border-bottom: 4px double #666;
    text-align: center;
    font-size: 22px;
    color: #6F6F6F !important;
}

    .form-head h4 {
        width: 96%;
        margin: 0 0 0 0;
        padding: 5px 18px;
        text-align: center;
        font-size: 14px;
        color: #6F6F6F !important;
    }
/** table style **/

.MPDCIEtable {
    width: 100%;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
}

    .MPDCIEtable th {
        padding: 8px;
        border: #ddd 1px solid;
        color: #fff;
        margin: 0 0 0 0;
        background-color: #BD7C5F;
        font-weight: 100;
        text-align: left;
        font-size: 16px;
    }

    .MPDCIEtable td {
        width: 25%;
        padding: 4px 8px;
        border: #ddd 1px solid;
        text-align: left;
    }

    .MPDCIEtable tr {
        background: #fafafa;
    }

        .MPDCIEtable tr:nth-child(odd) {
            background: #FBFBFB;
        }

        .MPDCIEtable tr:nth-child(even) {
            background: #f7f7f7;
        }
    /**fields **/

    .MPDCIEtable input[type="text"],
    .MPDCIEtable input[type="password"],
    textarea {
        width: 92%;
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
    }

    .MPDCIEtable input:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

    .MPDCIEtable input:hover {
        border-radius: 5px;
    }

    .MPDCIEtable select {
        width: 99%;
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
    }

        .MPDCIEtable select:focus {
            outline: none;
            box-shadow: 0px 0px 5px #61C5FA;
            border: #ddd 1px solid;
        }

        .MPDCIEtable select:hover {
            border: #ddd 1px solid;
            border-radius: 5px;
        }

    .MPDCIEtable textarea:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

    .MPDCIEtable textarea:hover {
        border-radius: 5px;
    }

.btn {
    background-color: #D47C40;
    border: none;
    padding: 8px 8px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px 5px;
}

    .btn:hover,
    .btn:active {
        background-color: #AC5F32;
    }

.button-col {
    text-align: center;
    margin: 10px 0 10px 0;
}
/** footer **/

.footer {
    width: 100%;
  background-color:#9c9869;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
}

.text-center {
    text-align: center !important;
}

.DivMsgbox {
    width: 100%;
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 12px;
    height: 25px;
}

.inst-col {
    width: 96%;
    margin: 10px auto 0px auto;
    /*background-image: url('../images/instbg.png');*/
    float: left;
    padding: 2% 0;
    border: solid 1px #ddd;
}

    .inst-col ul li {
        line-height: 23px;
    }

    .inst-col img {
        vertical-align: middle;
        margin: 0 0 0 0;
    }

marquee {
    width: 80%;
    margin: 0;
    padding: 10px;
    float: right;
    height: 140px;
}

.top-container {
    width: 100%;
    position: relative;
    float: left;
}

.inst-col h3 {
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    font-family: Arial, Mangal;
    font-size: 20px;
    font-weight: 600;
    color: #141414;
    border-bottom: double 3px #ddd;
    width: 98%;
}

/*************************Grid*/



.MPDCIEtableGrid {
    width: 100%;
    border-collapse: collapse;
    font-family: verdana;
    font-size: 12px;
}

    .MPDCIEtableGrid th {
        padding: 8px;
        border: #ddd 1px solid;
        color: #fff;
        margin: 0 0 0 0;
        background-color: #cfa18c;
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        text-align: center !important;
    }

    .MPDCIEtableGrid td {
        padding: 4px 8px;
        border: #ddd 1px solid;
        text-align: left;
    }

    .MPDCIEtableGrid tr {
        background: #fafafa;
    }

        .MPDCIEtableGrid tr:nth-child(odd) {
            background: #FBFBFB;
        }

        .MPDCIEtableGrid tr:nth-child(even) {
            background: #f7f7f7;
        }
    /**fields **/

    .MPDCIEtableGrid input[type="text"],
    .MPDCIEtableGrid input[type="password"],
    textarea {
        width: 92%;
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
    }

    .MPDCIEtableGrid input:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

    .MPDCIEtableGrid input:hover {
        border-radius: 5px;
    }

    .MPDCIEtableGrid select {
        width: 99%;
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
    }

        .MPDCIEtableGrid select:focus {
            outline: none;
            box-shadow: 0px 0px 5px #61C5FA;
            border: #ddd 1px solid;
        }

        .MPDCIEtableGrid select:hover {
            border: #ddd 1px solid;
            border-radius: 5px;
        }

    .MPDCIEtableGrid textarea:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

    .MPDCIEtableGrid textarea:hover {
        border-radius: 5px;
    }

/* login page style */

.login-g2g {
    width: 398px;
    height: 426px;
    margin: 0 auto;
    padding: 0;
    background-image: url('../images/loginbg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: inherit;
}

.login-g2g-col {
    margin: 50px auto 0 auto;
    padding-top: 50px;
}

.login-g2g h3 {
    width: 100%;
    color: #fff;
    margin: 10px auto 0 auto;
    text-align: center;
    font-size: 25px;
    font-weight: lighter;
}

.login-fields {
    text-align: center;
    margin: 60px auto 0 auto;
}

/*inputfield*/

.dci_login-input[type="text"],
.dci_login-input[type="password"] {
    padding: 8px;
   background-color: #4f4426;
    border: #ffd0b4 1px solid;
    border-radius: 10px;
    width: 52% !important;
    margin: 10px auto 10px;
}

.dci_login-input:focus {
    outline: none;
    box-shadow: 0px 0px 5px #474F51;
    border-color: #ffd0b4;
}

.dci_login-input:hover {
    border-radius: 5px;
}

.dci_login-btn {
    width: 56%;
    margin: 20px auto 10px;
    background-color: #4f4426;
    border: none;
    padding: 8px 8px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px 5px;
}

    .dci_login-btn:hover,
    .sbc_login-btn:active {
        background-color: #7D534C;
    }

.userlogin-details-col {
    font-size: 22px;
    color: #714740;
    text-align: left;
    border-bottom: 1px solid #ddd;
    width: 98%;
    margin: 0;
    padding: 10px;
    background-color: #BCBDBF;
}

.SBC-preheader {
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0;
    background-color: #522B24;
    border-bottom: 1px solid #502b25;
}




.SBC-preheader-in {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    line-height: 25px;
}

    .SBC-preheader-in a {
        color: #fff;
        text-decoration: none;
        line-height: 25px;
    }

        .SBC-preheader-in a:hover {
            color: #d19486;
            text-decoration: none;
        }

.SBC-footer {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    bottom: 0;
    position: relative;
    background-color: #9c9869;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

    .SBC-footer img {
        vertical-align: middle;
    }

.dwnlod a {
    line-height: 26px;
    color: #000;
    text-decoration: none;
    border-bottom: dotted 1px #ddd;
    width: 90% !important;
    display: block;
    float: left;
    padding: 0 0 0 10%;
    background-image: url('/portal/Services/DCI/images/rgt.png'); background-repeat:no-repeat;
}
     .dwnlod a:hover{
         color:#f73500; text-decoration:underline;
     }
     .Show_Inst{
         width:82%; float:right;
     }
     .signup-fields-col span{
         margin-left:8px;
     }

       .login-col span{
         margin-left:15px;
     }
               /** tabs **/
.tab_col 
{ width:700px;
  margin:0 auto;
  padding:0;
} 
.tab_left
{ width:290px;
  height:79px;
  margin:30px 20px 0;
  padding:0;
  background-image:url('../images/tab.png');
  float:left;
}
.tab_content 
{width: 208px;
height: 33px;
margin: 20px auto 0 66px;
padding: 0;
line-height: 33px;

}
.tab_content a 
{
color:#929292;
font-size:17px;
text-decoration:none; font-family:arial;
}
.tab_content a:hover 
{ color:#C48442; text-decoration:underline;
}
.tab_content img 
{ vertical-align:middle;
   margin:0 10px 0 0px; border:none;
}
 .col-350{
        width:350px; float:left;
    }
    .col-400{
        width:350px; float:right;
    }