﻿@import url(https://fonts.googleapis.com/css?family=Raleway:100);

.subassetsdivMain {
    width: 100%;
    height: auto !important;
}

.divh2span {
    width: 95%;
    height: 100px;
    padding: 15px 20px 20px 20px;
}


.h2 {
    padding: 25px 20px 20px 0px;
    font-family: 'Raleway', cursive;
    font-weight: normal;
    color: #262626;
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 .7em;
    font-weight:700;
}

.h3 {
    padding: 25px 20px 20px 0px;
    font-family: 'Raleway', cursive;
    font-weight: normal;
    color: #262626;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0 0 .7em;
}

.h4 {
     padding: 25px 20px 20px 20px;
    font-family: 'Raleway', cursive;
    font-weight: 700;
    color: #262626;
    font-size: 1.4em;
    margin: 0 0 .7em;
    
}

.h5 {
     padding: 25px 20px 20px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #262626;
    font-size: 1.0em;
    margin: 0 0 .7em;
    
}

.subassetsdivMain p {
    font-size: 1.1em;
    line-height: 2.0em;
    margin: 0 auto .80em;
    padding: 0.1em;
    position: relative;
    width: 100%;
    top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    left: 0px;
}

.h3Span {
    color: #a39e9e;
    font-size: 1.2em;
    line-height: 2.0em;
    margin: 0 auto .80em;
    padding: 0.1em;
    position: relative;
    width: 100%;
    top: 5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.divh3span {
    width: 100%;
    height: 240px;
    padding: 0px 0px 0px 0px;
    background-color: #f5f5f5;
    margin: 0 auto .80em;
    border-width: 1px;
    border-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-color: #dbd7d7;
}

.divh3 {
    width: 100%;
    height: 30%;
    text-align: center;
}

.divloginpanel {
    width: 100%;
    height: 70%;
    text-align: center;
}

.tddivider {
    width: 50%;
    height: 238px;
    /*border-right-style: solid;
    border-color: #dbd7d7;
    border-right-width: 1px;*/
}



.tdleftlabel {
    width: 30%;
    height: 30%;
    vertical-align: text-top;
}

.tdrightlabel {
    width: 70%;
    height: 30%;
}

.txtClass {
    width: 200px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}

.spanLabel {
    font-size:1.1em;
    line-height: 2.0em;
    margin: 0 auto .80em;
    padding: 0.1em;
    position: relative;
    width: 100%;
    top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

.indexbutton {
    width: 100px;
    height: 30px;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #dbd7d7;
    color: #808080;
}

    .indexbutton:hover {
        background-color: white;
        cursor: pointer;
    }

.ddlist {
    width: 259px;
    height: 25px;
    background-color: #dbd7d7;
    /*color: #dbd7d7;*/
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
}

.tddivider_grid {
    width: 33.33%;
    height: 200px;
    border-right-style: solid;
    border-color: #dbd7d7;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tddivider_grid_1 {
    width: 33.33%;
    height: 200px;
    border-color: #dbd7d7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tddivider_grid_2 {
    width: 33.33%;
    height: 200px;
    border-right-style: solid;
    border-color: #dbd7d7;
    border-right-width: 1px;
}

.tddivider_grid_3 {
    width: 33.33%;
    height: 100px;
    border-color: #dbd7d7;
}

.divh4Grid {
    width: 100%;
    height: 410px;
    padding: 0px 0px 0px 0px;
    background-color: #f5f5f5;
    margin: 0 auto .80em;
    border-width: 1px;
    border-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-color: #dbd7d7;
}

.divh2span_HDBIndex {
    width: 97%;
    height: 70px;
    padding: 15px 10px 10px 15px;
    border: none;
}

.divh4 {
    width: 95%;
    height: 20px;
    padding: 15px 20px 20px 20px;
    text-align: left;
}

.divSub1_HDBIndex {
    width: 100%;
    height: 50%;
    text-align: center;
    flex-align: center;
}

.divSub2_HDBIndex {
    width: 100%;
    height: 30%;
    text-align: center;
    flex-align: center;
}

.iconImage {
    width: 70px;
    height: 70px;
}

.Button_index {
    width: 200px;
    height: 60px;
    background-color: white;
    color: #5b5757;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 500;
    text-wrap: normal;
    white-space: normal;
}

    .Button_index:hover {
        background-color: #e4dddd;
        cursor: pointer;
    }

.divGridSpace {
    height: 10%;
    width: 100%;
}

.linkLable {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 500;
    text-wrap: normal;
    white-space: normal;
    padding-right:10px;
    background-color:transparent;
}


.section1 {
    padding: 15px 15px 20px 20px;
    font-weight: normal;
    color: #262626;
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0 0 .7em;
    height: auto !important;
    position: relative;
    width:95%;
    top: 0px;
    left: 0px;
}

    .section1 p {
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
        font-size: 1.0em;
        line-height: 2.0em;
    }

.divh5 {
    width: 95%;
    height: 20px;
    padding: 15px 20px 20px 20px;
}

.divContent {
    border-left: 1px none #dbd7d7;
    border-right: 1px none #dbd7d7;
    border-top: 1px solid #dbd7d7;
    border-bottom: 1px solid #dbd7d7;
    width: 100%;
    height: auto !important;
    padding: 20px 0px 20px 0px;
    background-color: #f5f5f5;
    margin: 0 auto .80em;
    top: 0px;
    left: 0px; 
}

.divline {
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
}

.tdRegLabelContent {
    width: 25%;
    height: 20px;
    text-align: left;
    font-weight: 200;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tdRegtextContent {
    width: 75%;
    height: 20px;
    text-align: justify;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right:5px;
}
    
.divsubhead {
    width: 97%;
    height: 20px;
    text-align: left;
    padding-left: 20px;
    padding-top: 20px;
    font-weight: 700;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
}

.tblContent {
    width: 97%;
    height: 20px;
    text-align: left;
    padding-left: 0px;
    padding-top: 5px;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;    
}

.tblContent1 {
    width: 95%;
    height: 20px;
    text-align: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
}

.rbFields {
    text-align: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
}

.textbox {
    height: 20px;
    width: 250px;
    text-align: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
}

.textbox_Upper {
    height: 20px;
    width: 250px;
    text-align: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.btnsubmit {
    width: 200px;
    height: 40px;
    background-color: white;
    color: #5b5757;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 700;
    text-wrap: normal;
    white-space: normal;
}

    .btnsubmit:hover {
        background-color: #e4dddd;
        cursor: pointer;
    }

    

.divbtn_submit {
    width: 97%;
    height: 40%;
    padding: 10px;
    text-align: center;
    flex-align: center;
}

.cbLoginUser {
    padding-left: 22px;
    height: 19px;
    font-size: .9em;
    font-weight: 600;
}

.divWhiteline {
    width: 100%;
    height: 5px;
    background-color: white;
}

.imageButton {
    width: 100px;
    height: 27px;
    vertical-align: middle;
    padding-left: 0px;
    margin-left: -2px;
}

.txtClassCalendar {
    height: 20px;
    width: 155px;
    text-align: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: -2px;
    padding-right: 0px;
}

.divErrorMessage {
    width: 95%;
    height: auto !important;
    padding: 15px 20px 20px 20px;
    text-align: left;
}
.spanLabel1 {
    font-size: 1.0em;
    line-height: 2.0em;
    margin: 0 auto .80em;
    padding: 0.1em;
    position: relative;
    width: 100%;
    top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.spanLabel2 {
    font-size: 1.0em;
    line-height: 2.0em;
    margin: 0 auto .80em;
    padding: 0.1em;
    position: relative;
    width: 100%;
    top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color:red;
    
}

.helpiconImage {
    width: 12px;
    height: 12px;
    padding-top:4px;
}

._Browse {
   width:100%;
   height:30px;
   color:#808080;
}

.Button_indexButton {
    width: 300px;
    height: 35px;
    background-color: #2a5598;
    color: white;
    font-family: Calibri;
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: 500;
    text-wrap: none;
    white-space: normal;
    
}

    .Button_indexButton:hover {
        background-color: #0c2872;
        cursor: pointer;
    }