.footer{
    position:absolute;
    bottom: 0;
    width:100%;
}

.footer a {
    padding: 10px 0 !important;
}

.AppContainer {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 111px;
    bottom: 0;
    left: 0;
    right: 0;
}

html.fh #m_wh {
    z-index: 2500000;
    position: relative;
}

.IE_M6 .c_c, .Safari .c_c {
    width: 100%;
}
.c_hb .c_c {
    overflow: hidden;
}
.c_hcnl .c_c {
    height: 50px;
}
.c_hb .c_c {
    height: 40px;
    position: relative;
    z-index: 2500000;
}
.t_hdbg {
    background-color: #0072C6;
}
.t_hdbg {
    background-color: #0072C6;
}
.c_c {
    white-space: nowrap;
    -ms-touch-select: none!important;
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}

html.fh .c_base {
    overflow-y: visible;
    min-width: 0;
    overflow-x: auto;
}
html.fh .c_base {
    overflow-y: auto;
    overflow-x: visible;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 964px;
}

div.c_main {
    margin: auto 0;
}

#pageInbox {
    position: absolute;
    -ms-touch-action: none;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.containsYSizerBar {
    position: absolute;
    height: 100%;
    width: 100%;
}

/****************************************/
/*************** LEFT NAV ***************/

.ContentLeft {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 4;
}
.ContentLeft {
    width: 150px;
}

.t_body .t_sbgc {
    background-color: #F3F3F3;
}

.leftnav {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}

.leftnav h1 {
    display: block;
    float: left;
    width: 100%;
    padding:10px 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #495469;

}


.leftnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width:100%;
    display: block;
    float: left;
}

.leftnav li {
    display: block;
    float: left;
    width:100%;
    color:#fff;
    border-right: 4px solid transparent;
}

.leftnav li:hover {
    background-color: #6f7784;
}

.leftnav li a {
    display: block;
    float: left;
    width:100%;
    padding: 5px 0 5px 10%;
    font-size: 14px;
}

    .cat1 {background-color:#5cb860; color:#FFF; border:1px solid transparent;}
    .cat1:hover {box-shadow: 0 0 15px #459647; transition: all 0.3s ease 0s; border:1px solid #459647;}
    .cat2 {background-color:#f9845b; color:#FFF; border:1px solid transparent;}
    .cat2:hover {box-shadow: 0 0 15px #DB6943; transition: all 0.3s ease 0s; border:1px solid #DB6943;}
    .cat3 {background-color:#3079ab; color:#FFF; border:1px solid transparent;}
    .cat3:hover {box-shadow: 0 0 15px #25638C; transition: all 0.3s ease 0s; border:1px solid #25638C;}
    .cat4 {background-color:#f092b0; color:#FFF; border:1px solid transparent;}
    .cat4:hover {box-shadow: 0 0 15px #D17390; transition: all 0.3s ease 0s; border:1px solid #D17390;}
    .cat5 {background-color:#637a91; color:#FFF; border:1px solid transparent;}
    .cat5:hover {box-shadow: 0 0 15px #425568; transition: all 0.3s ease 0s; border:1px solid #425568;}
    .cat6 {background-color:#c38cd4; color:#FFF; border:1px solid transparent;}
    .cat6:hover {box-shadow: 0 0 15px #9C6BAD; transition: all 0.3s ease 0s; border:1px solid #9C6BAD;}
    .cat7 {background-color:#20898c; color:#FFF; border:1px solid transparent;}
    .cat7:hover {box-shadow: 0 0 15px #156263; transition: all 0.3s ease 0s; border:1px solid #156263;}
    .cat8 {background-color:#c25975; color:#FFF; border:1px solid transparent;}
    .cat8:hover {box-shadow: 0 0 15px #A3465E; transition: all 0.3s ease 0s; border:1px solid #A3465E;}
    .cat9 {background-color:#53bbb4; color:#FFF; border:1px solid transparent;}
    .cat9:hover {box-shadow: 0 0 15px #3F938C; transition: all 0.3s ease 0s; border:1px solid #3F938C;}
    .cat10 {background-color:#39add1; color:#FFF; border:1px solid transparent;}
    .cat10:hover {box-shadow: 0 0 15px #2E89A5; transition: all 0.3s ease 0s; border:1px solid #2E89A5;}
    .cat11 {background-color:#e15258; color:#FFF; border:1px solid transparent;}
    .cat11:hover {box-shadow: 0 0 15px #B53D41; transition: all 0.3s ease 0s; border:1px solid #B53D41;}
    .cat12 {background-color:#b39580; color:#FFF; border:1px solid transparent;}
    .cat12:hover {box-shadow: 0 0 15px #8a7262; transition: all 0.3s ease 0s; border:1px solid #8a7262;}
    .cat13 {background-color:#f77171; color:#FFF; border:1px solid transparent;}
    .cat13:hover {box-shadow: 0 0 15px #db6262; transition: all 0.3s ease 0s; border:1px solid #db6262;}
    .cat14 {background-color:#f4af81; color:#FFF; border:1px solid transparent;}
    .cat14:hover {box-shadow: 0 0 15px #d89a70; transition: all 0.3s ease 0s; border:1px solid #d89a70;}
    .cat15 {background-color: #643772; color:#FFF; border:1px solid transparent;}
    .cat15:hover {box-shadow: 0 0 15px #5a2f64; transition: all 0.3s ease 0s; border:1px solid #5a2f64;}
    .cat16 {background-color: #C66C5D; color:#FFF; border:1px solid transparent;}
    .cat16:hover {box-shadow: 0 0 15px #9d534d; transition: all 0.3s ease 0s; border:1px solid #9d534d;}


    .tit1 {background-color:#5cb860; color:#FFF;}
    .tit2 {background-color:#f9845b; color:#FFF;}
    .tit3 {background-color:#3079ab; color:#FFF;}
    .tit4 {background-color:#f092b0; color:#FFF;}
    .tit5 {background-color:#637a91; color:#FFF;}
    .tit6 {background-color:#c38cd4; color:#FFF;}
    .tit7 {background-color:#20898c; color:#FFF;}
    .tit8 {background-color:#c25975; color:#FFF;}
    .tit9 {background-color:#53bbb4; color:#FFF;}
    .tit10 {background-color:#39add1; color:#FFF;}
    .tit11 {background-color:#e15258; color:#FFF;}
    .tit12 {background-color:#b39580; color:#FFF;}
    .tit13 {background-color:#f77171; color:#FFF;}
    .tit14 {background-color:#f4af81; color:#FFF;}


.exam-title {
    text-align: center;
    padding: 5px 0;
    float: left;
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 20px;
}


/********************************************/
/*************** RIGHT BOX ******************/



.ContentRight {
    min-width: 588px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 150px;
}

.RPOn .ContentRightInner {
    bottom: 0;
}

.ContentRightInner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.t_qtc, .t_qtc:hover, .t_qtc:visited, .mlRd .t_estc {
    color: #444;
}
.t_mbgc, #c_h_theme_m {
    background-color: #FFFFFF;
}


/*********** ACCORDION *************/

.message-list .message-list-item a {
    padding: 2.5% 3%;
    display: block;
    cursor: pointer;
    float: left;
    width:100%;
  }

  .message-list-item {
    float: left;
    width: 100%;
  }


  .message-list-item p {
    float: left;
    width: 89%;
    display: inline-block;
    padding-left: 5%;
  }

  .fl-preview {
    float: right;
    width: 3%;
    padding: 1% 3%;
    display: inline-block;
  }


  .accordion-title a {
    width: 100%;
    padding: 3%;
    background-color: #E7E7E7;
    color: #616161;
    display: block;
    border-bottom: 1px solid #FFFFFF;
    float: left;
  }

  .accordion-body {
      float: left;
      width: 100%;
  }


  .formSelect {
    position: relative;
  }

  .btn-primary {
      font-size: 1em !important;
      text-align: center;
  }

  .messages-lister > .scroll {
    /*
      float: left;
      width:100%
      */

    overflow-x: hidden;
    overflow-y: hidden !important;
  }

.activeExe {
    background-color: #e0e0e0 !important;
    color: orangered !important;
}

/*************************************************/
/*************** RIGHT BOX MENU ******************/

.v-MessageListContainer {
    position: absolute;
    height: 100%;
    width: 170px;
    -ms-touch-action: manipulation;
    overflow-y:auto;
}

.c-MessageList {
    position: absolute;
    height: 100%;
    width: 100%;
}

.c-MessageListHeader {
    display: block;
    margin-bottom: 1px;
    position: relative;
    z-index: 2;
    margin-right: 0;
}
.t_mbgc, #c_h_theme_m {
    background-color: #FFFFFF;
}

.c-MessageListHeader .SortFilterItems {
    padding-top: 15px;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 17px;
    padding-right: 20px;
}
ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 1em;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1em;
    list-style-type: disc;
}

.slideOnResize {
    -webkit-transition: top 367ms cubic-bezier(0.1, 0.9, 0.2, 1) 0s, left 367ms cubic-bezier(0.1, 0.9, 0.2, 1) 0s, right 367ms cubic-bezier(0.1, 0.9, 0.2, 1) 0s;
}

.v-ReadMessageContainer {
    position: absolute;
    -ms-touch-action: manipulation;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    padding-left: 5px;
    outline: none;
}

.c-ReadMessage {
    margin-right: 20px;
    outline: none;
    position: relative;
    height: 100%;
    width: 100%;
}


.c-ReadMessage .rmTop {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 35;
    margin-right: 17px;
}

.t_mbgc, #c_h_theme_m {
    background-color: #FFFFFF;
}


.c-ReadMessage .rmSubject {
    padding-top: 2px;
    margin-bottom: 13px;
}
h2 {
    margin-bottom: 10px;
}


#ReadMessageScrollableSection {
    outline: none;
}
.c-ReadMessage .rmMessages {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 5px;
    overflow-y: scroll;
}
.ClearBoth {
    clear: both;
}

.c-ReadMessage .rmTopSpacer {
    z-index: 0;
    margin-right: 0;
    opacity: 0;
}
.c-ReadMessage .rmTop {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 35;
    margin-right: 17px;
}

.c-ReadMessagePart {
    margin-bottom: 20px;
    position: relative;
}