@font-face
{
font-family: bliss;
src: url('blissregular_1.eot') format('eot');
src: url('BLISSREGULAR_1.TTF') format('ttf');
src: url('blissregular_1.eot?#iefix') format('embedded-opentype'),
    url('blissregular_1.woff') format('woff'),
    url('blissregular_1.ttf') format('truetype'),
    url('blissregular_1.svg#blissregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: blissBold;
src: url('blissbold.eot') format('eot');
src: url('BlissBold.ttf') format('ttf');
src: url('blissbold.eot?#iefix') format('embedded-opentype'),
    url('blissbold.woff') format('woff'),
    url('blissbold.ttf') format('truetype'),
    url('blissbold.svg#blissboldregular') format('svg');
font-weight: normal;
font-style: normal;
}

body{
    color:#FFF;
    font-family: Arial;
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

#main{
    background-color:#fff;
    float:left;
    height:auto;
    min-width: 962px !important;
    width:100%;
}
.header{
    background-color: #4D92C2;
    background-image: url(../img/bg-header.png);
    float: left;
    height:65px;
    width:100%;
}

.header a{
    color: #FFF;
    text-decoration: none;
}
@media all and (max-width: 1360px) and (min-width: 1241px) {
    .header .headInfo{
        float: left;
        height:50px;
        margin: 5px 0px 0px;
        text-align: right;
        width:86%;
    }
}
@media all and (max-width: 1241px) and (min-width: 1084px) {
    .header .headInfo{
        float: left;
        height:50px;
        margin: 5px 0px 0px;
        text-align: right;
        width:84%;
    }
}
@media all and (max-width: 1084px) and (min-width: 1024px) {
    .header .headInfo{
        float: left;
        height:50px;
        margin: 5px 0px 0px;
        text-align: right;
        width:82%;
    }
}
@media all and (max-width: 1024px){
    .header .headInfo{
        float: left;
        height:50px;
        margin: 5px 0px 0px;
        text-align: right;
        width:80%;
    }
}
.header .headInfo ul{
    display:inline-block;
    float: right;
    height:20px;
    list-style: none;
    margin: 0px;
    padding:0px;
}
.header .headInfo ul li{
    color:#FFF;
    display:inline;
    margin-right:10px;
}
.headInfo .adInfo{
    color:#374448;
    font-weight: 600;
}
.headInfo .headMange{
    color:#FFF;
    font-size: 16pt;
    height:20px;
    margin: 10px 10px 0px 0px;
    text-align: right;
}
.headInfo .headLog{
    height:20px;
    text-align: right;
}
.content{
    float: left;
    width:100%;
    /*min-height:609px;*/
    text-align: center;
}
.EdtManContent, .AddManContent, .ProContent, .TipsOfContent{
    float: left;
    width:100%;
    min-height:594px;
    text-align: center;
}
.loginbox{
    float:none;
    margin:15% auto 0%;
    width:490px;
    height:260px;
    background-image: url(../img/base_login.png);
}
.loginbox input[type="text"]{
    color: #696969;
    height:25px !important;
    width:280px !important;
    margin-top:-2px;
}
.loginbox input[type="password"]{
    height:25px !important;
    width:280px !important;
    margin-top:-7px;
}
.loginbox .message, .error-msg {
    font-size: 0.95em !important;
    font-weight: bold;
    margin-bottom: 11px !important;
    padding: 8px 8px 8px 32px;
    background: #FAEBE7 url(../img/error_msg_icon.gif) no-repeat scroll 10px 9px;
    border: 1px solid #F16048;
    color: #DF280A;
}
.loginbox input{
    background-color: #FFF !important;
    border:none !important;
}
.loginbox .loginText{
    display: inline;
    width:50px;
    color:#374448;
    font-size:18pt;
    float: left;
    margin: 23px 25px 0px 65px;
    text-align: left;
}
.loginbox .alertMessage{
    display: inline;
    width:295px;
    height:50px;
    float: left;
    margin: 12px 0px 0px 0px;
}
.loginbox .login{
    float: left;
    display: block;
    color:#374448;
    font-size:18pt;
    margin: 5px 0px 0px 155px;
}
.loginbox .login_password{
    float: left;
    display: block;
    color:#374448;
    font-size:18pt;
    margin: 12px 0px 0px 155px;
}
.loginbox .login_remember{
    float: left;
    display: block;
    color:#374448;
    font-size:12pt;
    margin: 12px 0px 0px 155px;
}
.loginbox input{
    width:250px;
    border: 0px;
    background: none;
}
.loginbox .subBtn{
    float: left;
    width:387px;
    height:41px;
    margin: 12px 0px 0px 55px;
}
.loginbox .subBtn input{
    float: left;
    width:387px;
    height:41px;
    background-image: url(../img/btn_login.png);
    border: none;
    color:#FFF;
    font-size: 16pt;
}

                                /*HOME*/
.TipsOfContent a{
    color: #404040;
    text-decoration: none;
}
.content .homeTop a{
    display:block;
    width:207px;
    height:170px;
}
.content .homeTop a:hover{
    text-decoration: none;
}
.content .homeTop{
    float: left;
    height:auto;
    margin:0;
    min-width: 960px !important;
    width:100%;
}
.content .homeIconBack{
    width:207px;
    height:210px;
    background-image: url(../img/btn_quick.png);
}
.content .homeTop div{
        float:left;
        margin: 74px 8% 20px;
}
@media screen and (max-width: 1052px){
    .content .homeTop div{
    float:left;
    margin: 74px 5% 20px;
    }
}
@media screen and (max-width: 1148px) and (min-width: 1052px) {
    .content .homeTop div{
        float:left;
        margin: 74px 6% 20px;
    }
}
@media screen and (max-width: 1263px) and (min-width: 1148px) {
    .content .homeTop div{
        float:left;
        margin: 74px 7% 20px;
    }
}
@media screen and (max-width: 1360px) and (min-width: 1263px) {
    .content .homeTop div{
        float:left;
        margin: 74px 8% 20px;
    }
}
.homeTop div img{
    float:left;
    display:block;
    margin:30px 40px 15px 85px;
}
.homeTop #userMgt img{
    float:left;
    display:block;
    margin:30px 40px 11px 85px;
}
.homeTop div span{
    color:#3182b7;
    font-weight: bold;
    font-size: 11pt;
}
.homeTop #contMgt span{
    margin-left: -8px;
    color:#3182b7;
    font-weight: bold;
    font-size: 11pt;
}
.homeTop #tipsOfWe span{
    margin-left: -120px;
    color: #3182B7;
    font-weight: bold;
    font-size: 11pt;
    margin-top: 122px;
    float: left;
}
.homeTop #manMgt span{
    margin-left: 23px;
    color: #3182B7;
    font-weight: bold;
    font-size: 14px;
    margin-top: -24px;
    float: left;
}
.homeBottom div img{
    float:left;
    display:block;
    margin:30px 55px 15px 85px;
}
.homeBottom div span{
    color:#0761a4;
    font-weight: bold;
    font-size: 11pt;
}
.homeBottom #tipsOfWe{
    float:right;
}
.homeBottom #tipsOfWe img{
    float:left;
    display:block;
    margin:30px 55px 20px 88px;
}

                            /*End Of Home Page*/
                          /*ACTIVE USER*/
.subheader{
    background-image: url(../img/subheader.png);
    border-bottom:1px solid #a0d7ff;
    font-size: 11pt;
    float: left;
    height:69px;
    width:100%;
}
.content .subheader a{
    color:#1D72AC;
    display:block;
}
.content .subheader a:hover{
    text-decoration: none;
}
.subheader .activeA{
    width:138px;
    height:30px;
    float: left;
    margin: 20px 10px 0px 10px;
    background-image: url(../img/tabbtn_selected.png);
}
.subheader .activeA span a{
    position:relative;
    top:5px;
    color:#FFF;
    font-weight: 600;
    display:block;
}
.subheader .deactiveA{
    width:138px;
    height:38px;
    float: left;
    margin: 16px 10px 0px 10px;
    background-image: url(../img/tabbtn_default.png);
}
.subheader .deactiveA span{
    position:relative;
    top:9px;
}
.subheader .AddUserBtn{
    width:110px;
    height:32px;
    float: left;
    margin: 19px 10px 0px 10px;
    background-image: url(../img/btn-addUser.png);
}
.subheader .AddUserBtn span{
    position:relative;
    top:6px;
    left:14px
}
.subheader .AddUserBtn span a{
    font-size: 11pt;
    font-weight: bold;
    color:#FFF;
}
.subheader .AddUserBtn span a:hover{
    font-size: 11pt;
    font-weight: bold;
    color:#FFF;
    text-decoration: none;
}
.AddManBtn{
    width:137px;
    height:32px;
    float: left;
    margin: 19px 10px 0px 10px;
    background-image: url(../img/btn-addMan.png);
    background-repeat: no-repeat;
}
.AddManBtn span{
    position:relative;
    top:6px;
    left:14px
}
.AddManBtn span a{
    font-size: 11pt;
    font-weight: bold;
    color:#FFF !important;
}
.AddManBtn span a:hover{
    font-size: 11pt;
    font-weight: bold;
    color:#FFF;
    text-decoration: none;
}
.subheader .search{
    width:220px;
    height:34px;
    float: right;
    margin: 15px 15px 0px 10px;
    background-image: url(../img/search_bar.png);
    background-repeat: no-repeat;
}
.subheader .search a{
    display:inline;
}
.subheader .search input{
    width:165px;
    margin:2px 8px 0px -7px;
    border:0;
    background: none;
    color:#808080;
}
.subheader .search img{
    margin:4px 0px 0px;
}
.content .actUsContent{
    float:left;
    width:100%;
    font-size: 11pt;
    color:#404040;
}
.actUsContent .head{
    background-image: url(../img/tblhead_bg.png);
    color:#FFF;
    float:left;
    font-weight: bold;
    width:100%;
    height:39px;
}
.actUsContent .head div{
    float:left;
    width:19%;
    margin:9px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.actUsContent .headRow1{
    float:left;
    width:100%;
    height:49px;
}
.actUsContent .headRow1 div{
    float:left;
    width:19%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}

.actUsContent .MultiheadRow1{
    float:left;
    width:100%;
    text-align: left !important;
    padding-left: 10px;
    background-color: #D6E9C6; 
    padding:5px;
}
.actUsContent .MultiheadRow1 div{
    float:left;
    width:100%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left !important;
    padding:5px;
}
.actUsContent .MultiheadRow2{
    float:left;
    width:100%;
    text-align: left !important;
    padding-left: 10px;
    padding:5px;
}
.actUsContent .MultiheadRow2 div{
    float:left;
    width:100%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left !important;
    padding:5px;
}

.headRow1 .Btn .but{
    float:right;
    width:56px;
    height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.headRow1 .Btn .but span{
    position:relative;
    top:3px;
}
.headRow1 .Btn #view{
    margin-right: 5px;
}
.actUsContent .headRow2{
    float:left;
    width:100%;
    height:49px;
    background-image: url(../img/tblhead1_bg.png);
}
.actUsContent .headRow2 div{
    float:left;
    width:19%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.headRow2 .Btn .but{
    float:right;
    width:56px;
    height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.headRow2 .Btn .but span{
    position:relative;
    top:3px;
}
.headRow2 .Btn #view{
    margin-right: 5px;
}
.actUsContent .viewNoteRow1{
    float:left;
    width:100%;
    min-height:49px;
    background-color: #FFF;
    font-size: 11pt;
}
.actUsContent .viewNoteRow1 div{
    float:left;
    margin:14px 0px 0px 5%;
    min-height:25px;
    text-align: left;
}
.actUsContent .viewNoteRow1 .AccNo{
    float:left;
    min-height:25px;
    width: 36%;
    text-align: left;
}
.actUsContent .viewNoteRow1 .AccDate{
    float:left;
    min-height:25px;
    width: 22%;
    margin:14px 0px 0px 4%;
    text-align: left;
}
.actUsContent .viewNoteRow1 .Btn{
    float:left;
    min-height:25px;
    width: 20%;
    text-align: left;
}
.actUsContent .viewNoteRow2{
    float:left;
    width:100%;
    min-height:49px;
    background-image: url(../img/tblhead1_bg.png);
    font-size: 11pt;
}
.actUsContent .viewNoteRow2 div{
    float:left;
    margin:14px 0px 0px 5%;
    min-height:25px;
    text-align: left;
}
.viewNoteRow1 .Btn .but{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.viewNoteRow1 .Btn .but span{
    position:relative;
    top:3px;
}
.viewNoteRow1 .Btn #view{
    margin-right: 5px;
}
.viewNoteRow2 .Btn .but{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.viewNoteRow2 .Btn .but span{
    position:relative;
    top:3px;
}
.viewNoteRow2 .Btn #view{
    margin-right: 5px;
}
.NoteAccNo{
    float:left;
    margin:0px 0px 0px 0px !important;
    min-height:25px;
    width: 100%;
    text-align: left;
}
.NoteAccNo .noteMessage{
    float:left;
    margin:5px 0px 0px 5px !important;
    width: 74%;
    text-align: left;
}
.NoteAccNo .noteMessage span{
    margin-top: 5px;
    font-size: 9pt;
    color:#808080;
}

.actUsContent .viewNoteRow2 .Btn{
    float:left;
    min-height:25px;
    width: 20%;
    text-align: left;
}
.hidelabel {
    display:none;
}
.actUsContent a{
    color:#404040;
    display: block;
}
.actUsContent a:hover{
    text-decoration: none;
}

 /*END ACTIVE USER*/
                          /*Start view Profile*/
.subheader .ViePo{
    color:#1d72ac;
    font-size: 14pt;
    float:left;
    width:50%;
    height:25px;
    margin:25px 0px 0px 10px;
    text-align: left;
}
.subheader .VieProfEdit{
    float:right;
    width:89px;
    height:30px;
    margin:20px 20px 0px 0px;
    background-image: url(../img/btn_browse.png);
    background-repeat: no-repeat;
    color:#000;
}
.subheader .VieProfEdit span {
    position: relative;
    top: 5px;
    color: #FFF;
}
.subheader .VieProfEdit span a{
    color:#FFF;
    font-size: 12pt;
}
.actUsContent .ViePoNam{
    color:#404040;
    font-size: 14pt;
    float:left;
    height: 35px;
    margin-right: 5%;
    margin-top: 15px;
    width:45%;
    text-align: right;
}
.actUsContent .ViePoNamFull{
    float:left;
    color:#404040;
    font-size: 13pt;
    height:35px;
    margin-left: 5%;
    text-align: center;
    width:45%;
}
.actUsContent .ViePoFullNam{
    float:left;
    width:45%;
    margin-left: 5%;
    height:35px;
    margin-top: 15px;
    text-align: left;
    color:#404040;
    font-size: 13pt;
}

                    /*End view Profile*/

.PromoMain{
    position:relative;
    top:150px;
    left:35%;
    height:104px;
    width:600px;
}
.PromoMain a{
    color:#404040;
}
.PromoMain .promoImage{
    float:left;
    border: 2px solid #000;
    height:100px;
    width:100px;
}
.PromoMain .promoImage img{
    height:100px;
    width:100px;
}
.PromoMain .promBrowse{
    float:left;
    height:52px;
    min-width:445px;
}
.promBrowse input[type="file"]{
    background-color: #FFF;
    border: 1px solid #64b0e4;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
         -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
           -o-transition: border linear 0.2s, box-shadow linear 0.2s;
              transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    -webkit-border-radius: 3px;
}
#attach_file {
   margin-left: 10px;
   font-size: 10pt;
   text-align: left;
}

.PromoMain .promupload{
    float:left;
    height:52px;
    width:480px;
}
.PromoMain input{
    float:left;
    margin: 7px 5px 0px 5px;
    border:none;
    height:22px;
    width:278px;
    color:#FFF;
    background-image: url(../img/dropdownbox.png);
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.PromoMain .button{
    float:left;
    margin: 7px 5px 0px 5px;
    height:30px;
    width:89px;
    background-image: url(../img/btn_submit.png);
    background-repeat: no-repeat;
    color:#404040;
    padding-top: 5px;
    cursor: pointer;
}

.PromoMain .button_u{
    float:left;
    margin: 7px 5px 0px 5px;
    height:30px;
    width:89px;
    background-image: url(../img/btn_submit.png);
    background-repeat: no-repeat;
    color:#404040;
    padding-top: 5px;
    cursor: pointer;
}
                    /*End Promotions*/
                    /*Start Edit Profile*/
.EdtProfContent{
    float:left;
    width:100%;
    min-height:633px;
    font-size: 11pt;
    color:#fff;
    overflow: hidden;
}
.EdtProfContent .edtPoNam{
    float:left;
    width:40%;
    margin-right: 2%;
    margin-top: 5px;
    height:45px;
    text-align: right;
    color:#404040;
    font-size: 14pt;
}
.EdtProfContent .button_u{
    float:left;
    margin: 0px 5px 0px 5px;
    height:30px;
    width:89px;
    background-image: url(../img/btn_submit.png);
    background-repeat: no-repeat;
    color:#404040;
    padding-top: 5px;
    cursor: pointer;
}
.EdtProfContent .edtPoFullNam{
    float:left;
    width:52%;
    margin-left: 5%;
    height:60px;
    text-align: left;
    color:#5d5d5e;
    font-size: 13pt;
}
.msgSucess{
    float: left;
    width:100%;
    text-align:left;
    padding:5px;
    height:40px;
}
.content .message {
    padding:5px;
    font-weight: bold;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.EdtProfContent .message {
    padding:10px;
    font-weight: bold;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.EdtProfContent select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.EdtProfContent input,
textarea,
.uneditable-input {
  width: 318px;
}
#termination_date, .uneditable-input{
    width: 284px;
}
#termiDate a img{
    margin-top: -10px;
}
.EdtProfContent textarea {
  height: auto;
}
.EdtProfContent textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #FFF;
  border: 1px solid #64b0e4;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}
.EdtProfContent select{
     width: 332px;
     height:30px;
     background-color: #FFF;
     border: 1px solid #64b0e4;
     color:#404040;
}
.EdtProfContent select option{
     background-color: #000;
     color:#FFF;
}
.EdtProfContent .start{
     width: 115px;
     height:20px;
     margin:5px 0px 5px 0px;
}
.EdtProfContent .end{
     width: 120px;
     height:20px;
     margin:5px 5px 5px 0px;
}

.EdtProfContent .submit input{
    margin-top: 20px;
}
.EdtProfContent .submit .subBtn{
    float: left;
    margin: 10px 0px 10px 0%;
    width:89px;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#404040;
    font-size: 13pt;
    border-radius: 2px;
}
.cnclBtn{
    float: left;
    margin: 10px 20px 10px 57.5%;
    width:89px !important;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#404040;
    font-size: 13pt;
    border-radius: 2px;
}

.EdtProfContent .error-message{
    font-size: 10pt;
    margin: -5px 0px 0px 0px;
    color: red;
 }
#subdate .error-message{
    font-size: 10pt;
    margin: -5px 0px 0px 0px;
    color: red;
 }
.sub-error-message{
    font-size: 10pt;
    margin: -5px 0px 0px 0px;
    color: red;
 }



                /*End  Edit Profile*/
                /*Start Deactive USER*/

.blank{
    float: right;
    width:15px !important;
    background-color: red;
}



                /*End  Deactive user*/
                /*Start Terminated USER*/

.content .termiUsContent{
    float:left;
    width:100%;
    height:633px;
    font-size: 11pt;
    color:#fff;
    overflow: hidden;
}
.termiUsContent .head{
    float:left;
    width:100%;
    height:39px;
    background-image: url(../img/tblhead_bg.png);
    font-weight: bold;
}
.termiUsContent .head div{
    float:left;
    width:24%;
    margin:9px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.termiUsContent .headRow1{
    float:left;
    width:100%;
    height:49px;
}
.termiUsContent .headRow1 div{
    float:left;
    width:24%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.termiUsContent .headRow2{
    float:left;
    width:100%;
    height:49px;
    background-image: url(../img/tblhead1_bg.png);
}
.termiUsContent .headRow2 div{
    float:left;
    width:24%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}
                /*End  Terminated USER*/
                /*Start User Management*/
.actUsContent .aboutHeadRow1{
    float:left;
    width:100%;
    height:52px;
}
.actUsContent .aboutHeadRow1 div{
    float:left;
    width:49%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.actUsContent .Btn .but{
    float:right;
    width:56px;
    height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.aboutHeadRow1 .Btn .but span{
    position:relative;
    top:3px;
}
.aboutHeadRow1 .Btn #view{
    margin-right: 5px;
}
.actUsContent .aboutHeadRow2{
    float:left;
    width:100%;
    height:52px;
    background-image: url(../img/tblheadBig.png);
}
.actUsContent .message {
    padding:10px;
    font-weight: bold;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.actUsContent .aboutHeadRow2 div{
    float:left;
    width:49%;
    margin:14px 0px 0px 1%;
    height:25px;
    text-align: left;
}
.aboutHeadRow2 .Btn .but span{
    position:relative;
    top:3px;
}
.aboutHeadRow2 .Btn #view{
    margin-right: 5px;
}
.aboutHeadRow2 .aName{
    margin-top: 15px !important;
}
.aboutHeadRow2 .Btn{
    margin-top: 15px !important;
}
.aboutHeadRow1 .aName{
    margin-top: 15px !important;
}
.aboutHeadRow1 .Btn{
    margin-top: 15px !important;
}
.aboutHeadRow1 .Btn .but a{
    position:relative;
    top:3px;
}
.aboutHeadRow2 .Btn .but a{
    position:relative;
    top:3px;
}
.EdtContent{
    float:left;
    width:100%;
    min-height:539px;
    font-size: 11pt;
    color:#fff;
    overflow: hidden;
}
.EdtContent .edtPoNam{
    float: left;
    width: 95%;
    margin-left: 5%;
    height: 50px;
    text-align: left;
    color: #1D72AC;
    font-size: 16pt;
    font-weight: bold;
}
.EdtContent .edtPoFullNam{
    float:left;
    width:80%;
    margin-left: 5%;
    height:300px;
    text-align: left;
    color:#5d5d5e;
    font-size: 13pt;
}
.EdtContent .edtPoFullNam textarea{
    width: 350px;
}
.msgSucess{
    float: left;
    width:100%;
    text-align:left;
    padding:5px;
    height:40px;
}
.EdtContent .message {
    padding:10px;
    font-weight: bold;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

                    /* Edit Content */

.EdtContent .submit .subBtn{
    float: left;
    margin-top: 10px;
    width:89px;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#303030;
    font-size: 13pt;
}
.EdtContent .cnclBtn{
    float: left;
    margin: 10px 20px 10px 69%;
    width:89px !important;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#303030;
    font-size: 13pt;
}
.EdtContent .error-message{
    font-size: 10pt;
    margin: -5px 0px 0px 0px;
    color: red;
 }
.tipsOfWeekContent{
    float:left;
    width:100%;
    min-height:539px;
    font-size: 11pt;
    color:#fff;
    overflow: hidden;
}

.tipsOfWeekContent .error-message{
    font-size: 10pt;
    margin: 5px 0px 0px 0px;
    color: red;
 }

.tipsOfWeekContent .tipsText{
    float:left;
    width:95%;
    height: 50px;
    margin:0% 5%;
    text-align: left;
    font-size: 16pt;
    font-weight: bold;
    color:#1D72AC;
}
.tipsOfWeekContent .tipsCont{
    float:left;
    width:80%;
    height:200px;
    text-align: left;
    color: #5D5D5E;
    font-size: 13pt;
    margin:0% 5%;
}
.tipsOfWeekContent .submit .subBtn{
    float: left;
    margin-top: 110px;
    width:89px;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#404040;
    font-size: 13pt;
}
.tipsOfWeekContent .cnclBtn{
    float: left;
    margin: 110px 20px 10px 69%;
    width:89px !important;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    color:#404040;
    font-size: 13pt;
}
.tipsOfWeekContent .message {
    padding:10px;
    font-weight: bold;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.actUsContent .viewTipRow1{
    float:left;
    width:100%;
    min-height:49px;
    background-color: #FFF;
    font-size: 11pt;
    color:#404040;
}
.actUsContent .viewTipRow1 div{
    float:left;
    width:44%;
    margin:14px 0px 0px 5%;
    min-height:25px;
    text-align: left;
}
.actUsContent .viewTipRow1 .AccNo{
    float:left;
    min-height:25px;
    text-align: left;
}

.actUsContent .viewTipRow2{
    background-color: #b5dbf5;
    float:left;
    width:100%;
    min-height:49px;
    background-image: url(../img/tblhead1_bg.png);
    font-size: 11pt;
    color:#404040;
}
.actUsContent .viewTipRow2 div{
    float:left;
    width:44%;
    margin:14px 0px 0px 5%;
    min-height:25px;
    text-align: left;
}
.viewTipRow1 .Btn .but{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.viewTipRow1 .Btn .but span{
    position:relative;
    top:3px;
}

.viewTipRow1 .Btn .but_r{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
 /*   background-image: url(../img/btn_white.png); */
}
.viewTipRow1 .Btn .but_r span{
    position:relative;
    top:3px;
}


.viewTipRow1 .Btn #view{
    margin-right: 5px;
}
.viewTipRow2 .Btn .but{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
    background-image: url(../img/btn_white.png);
}
.viewTipRow2 .Btn .but span{
    position:relative;
    top:3px;
}


.viewTipRow2 .Btn .but_r{
    float:right;
    width:56px;
    min-height:25px;
    color:#000;
    margin:0px 20px 0px 10px;
    text-align: center;
   /* background-image: url(../img/btn_white.png); */
}
.viewTipRow2 .Btn .but_r span{
    position:relative;
    top:3px;
}

.viewTipRow2 .Btn #view{
    margin-right: 5px;
}
.pagDiv {
    float: left;
    width: 100%;
}
.PrevPg {
    margin-right: 5px;
}
.current {
    color: #FF0000;
}
.pagDiv a{
  color: #FFFFFF;
  display: inherit;
}
.NextPg {
    margin-left: 5px;
}
.DisabledPgLk {
    display: none;
}
.SButtons{
    border-top: 1px solid #64b0e4;
    margin-bottom: 10px;
    float:left;
    height:40px;
    width:100%
}
.top{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}
.back-color{
    float:left;
    width:100%;
    min-height:49px;
    height:100%;
    background-image: url(../img/tblhead1_bg.png);
}
.back-Uncolor{
    float:left;
    width:100%;
    height:49px;
}

   /*WEBSITE LOGIN PAGE*/

 .loginboxRem{
    float:none;
    margin:11% auto 0%;
    width:490px;
    height:294px;
    background-image: url(../img/base_loginRem.png);
    background-repeat: no-repeat;
}
/*.loginboxRem .rebBMe {
    position: relative;
    top: 4px;
    left: 72px;
}*/

.loginboxRem .login_remember div{
    width:50%;
}
.loginboxRem input{
    background-color: #FFF !important;
    border:none !important;
}

.loginboxRem .login_remember input[type="checkbox"] {
    background-color: #e0f2ff !important;
    width:20px;
    /*position: relative;
    top: 4px;
    left: 70px;*/
    margin:0px 0px 0px 0px;
}
.loginboxRem input[type="text"]{
    color: #696969;
    width:280px !important;
    margin-top:-2px;
}
.loginboxRem input[type="password"]{
    width:280px !important;
    margin-top:0px;
    margin-bottom: 15px;
}
.loginboxRem .message, .error-msg {
    font-size: 0.6em !important;
    font-weight: bold;
    margin-bottom: 11px !important;
    padding: 8px 8px 8px 32px;
    background: #FAEBE7 url(../img/error_msg_icon.gif) no-repeat scroll 10px 9px;
    border: 1px solid #F16048;
    color: #DF280A;
}

.loginboxRem .loginText{
    display: inline-block;
    width:72px;
    color:#374448;
    font-size:18pt;
    float: left;
    margin: 23px 10px 0px 65px;
    text-align: left;
    line-height: 26px;
}
.loginboxRem .alertMessage{
    display: inline;
    width:295px;
    height:50px;
    float: left;
    margin: 5px 0px 7px 0px;
}
.loginboxRem .login{
    float: left;
    display: block;
    color:#374448;
    font-size:18pt;
    margin: 5px 0px 0px 155px;
}
.loginboxRem .login_password{
    float: left;
    display: block;
    color:#374448;
    font-size:18pt;
    margin: 12px 0px 0px 155px;
}
.loginboxRem .login_remember{
    float:left;
    width:50%;
    height:55px;
    float: left;
    display: block;
    color:#374448;
    font-size:12pt;
    font-size:11pt\9;
    padding: 5px 0px 0px 10px;
}
.loginboxRem .for_pass{
    float:left;
    width:40%;
    height:55px;
    float: left;
    display: block;
    color:#374448;
    font-size:12pt;
    font-size:11pt\9;
    padding: 5px 0px 0px 10px;
}
.for_pass a{
    color:#374448 !important;
    text-decoration: none;
}
.for_pass a:hover{
    color:#374448 !important;
    cursor: pointer;
}
.loginboxRem input{
    width:250px;
    border: 0px;
    background: none;
}
.loginboxRem .subBtn{
    float: left;
    width:387px;
    height:41px;
    margin: -26px 0px 0px 55px;
}
.loginboxRem .subBtn input{
    float: left;
    width:387px;
    height:41px;
    background-image: url(../img/btn_login.png);
    border: none;
    color:#FFF;
    font-size: 16pt;
    line-height: 26px;
}

div#mybutton {

  /* IMPORTANT STUFF */
  overflow: hidden;
  position: relative;
  cursor:   pointer;   

  /* SOME CUSTOM STYLING */
  width:  70px;
  padding: 0 0 0 10px; 
  text-align: center;
  
}

div#mybutton:hover {
}


input#myfile {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}


                /*INFO PALLET*/

.search_helpConatiner{
    color: black;
    width: 400px;
    float: none;
    position: relative;
    right: -300px;
    background-color: white;
    z-index: 999;
    margin:0px auto;
}
.SerHelp_SeaHead {
    background-image: url(../img/images/bg-header.png);
    color: #FFF;
    font-size: 14pt;
    height: 30px;
    width: 100%;
}
.SerHelp_Text{
    float: left;
    width:95%;
    height:100%;
}
.SerHelp_Text span{
    position: relative;
    top:5px;
    left:10px;
    font-size: 13pt;
}
.SerHelp_Cross{
    float: left;
    width:5%;
    height:100%;
}
.SerHelp_Cross .crossBtn{
    position:relative;
    top:3px;
    right: 5px;
    background-image: url(../img/images/btn-close_small.png);
    background-repeat: no-repeat;
    float:right;
    height:25px;
    width:22px;
    display: block;
    z-index: 2;
}
.active_CrossBtn{
    background-position: 0px -25px;
}
.SerHelp_Containt{
    height: auto;
    width: 398px;
    border: 1px solid #0d6aa7;
    background-color: white;
}
.SerHelp_Containt p{
    padding: 10px;
    font-weight: normal;
    color: #404040;
    font-family: bliss;
}
.noteworthy_rulings_container{
    position: relative;
    top: -50px;
    left:191px;
    text-align: left;
    color: black;
    height: auto;
    width: 400px;
    float: right;
    background-color: white;
    z-index: 999;
}
.norRulingText{
    color:#404040 !important;
    font-size: 12pt !important;
    font-size: 11pt\9 !important;
}
.NortextHead{
    left:20px !important;
    font-family: blissbold;
    top:6px !important;
}
.NortextHeadforPass{
    font-family: blissbold;
    top:6px !important;
}
.NortextInner{
    padding:10px;
    font-size: 12pt !important;
    font-size: 11pt\9 !important;
    color:#404040 !important;
    display: block;
    width: 95% !important;
}
.EdtProfContent{
    width:99%;
}
.middleDiv{
    margin:10% auto;
    width:470px;
    height:auto;
    display: inline-block;
}
.edtCsvNam {
    float: left;
    width: 100%;
    margin-top: 5px;
    height: 45px;
    text-align: left;
    color: #404040;
    font-size: 14pt;
}
.edtContText {
    float: left;
    width: 95%;
    margin-left: 5%;
    height: auto;
    text-align: left;
    color: #5d5d5e;
    font-size: 13pt;
}
.fileSbt{
    float:left;
    width:75%;
}
.multiUserHelpText{
    width:100%;
    display: inline-block;
    padding: 10px 0px;
}
.cnclBtnMutiUser{
    float: left;
    margin: 10px 20px 10px 54.5%;
    width:89px !important;
    height:30px;
    background-image: url(../img/btn_submit.png);
    border: none;
    border-radius: 2px;
    color:#404040;
    font-size: 13pt;
}
.but_down{
    float:right;
    width:89px;
    height:25px;
    color:#000;
    margin:-5px 20px 0px 10px;
    text-align: center;
    padding-top: 5px;
    background-image: url(../img/btn_submit.png);
    background-repeat: no-repeat;
}

.NortextInner li {
    line-height: 20px !important;
    margin: 5px; 
    font-size: 14px;
}

.submitColor {
    color: #ccc !important;
}
.colblack{
    color:#000;
}
.helpHeading{
    font-family: blissbold !important;
    font-weight: bold\9;
    font-size: 14pt;
    color:#404040 !important;
}
.helpPara{
    font-size: 10pt !important;
    margin: -5px 0px -5px 0px;
}
.helpUl {
    margin: -5px 0px 15px 35px;
}
.helpUl li{
    font-size: 10pt !important;
}

.header .header-name{
    color:#FFF;
    font-size: 25pt;
    font-size: 24pt\9;
    height:100%;
    width:55%;
    text-align: left;
    float: left;
    font-family: bliss;
}
.header-name span{
    left:10px;
    position:relative ;
    top: 20px !important;
    height: 30px;
    display: block;
    display: inline\9;
    width: 90%;
}
.header span {
    position: relative;
    top: 8px;
}
.header .logo{
    width:20%;
    text-align: right;
    height:100%;
    float:right;
}
.logo img{
    position:relative;
    top:16%;
    right: 0%;
}
.header-logout .headLOut{
    border-bottom: 1px solid #276d9e;
}
.header .header-logout{
    color:#FFF;
    font-size: 11pt;
    font-size: 10pt\9;
    font-family: blissBold;
    font-weight: bold\9;
    height:100%;
    width:7%;
    text-align: right;
    float:right;
}
.header a{
    color:#FFF;
    cursor:pointer;
}
.header a:hover{
    color:#FFF;
}
.header span{
    position:relative;
    top:8px;
}
.user-name span{
    display:block;
    font-family: bliss;
}
.header-logout span{
    display:block;
    margin-top: 35%;
}
.help_header{
    background-color: #4d92c2;
    background-image: url(../img/images/bg-header.png);
    color:#FFF;
    font-size: 15pt;
    font-family: blissBold;
    font-weight: bold\9;
    width: 558px;
    height: 50px;
}
.help_header span{
    margin: 2.5% 3% 0% 3%;
    display:inline-block;
}
.helpContactContent{
    height:auto;
    margin: 0px 4%;
    width:92%;
    font-size: 17px;
}
.helpContactContent p{
    margin:20px 0px;
}
.helpHeading{
    font-family: blissbold !important;
    font-weight: bold\9;
    font-size: 16pt;
    color:#404040 !important;
    margin-bottom: 30px !important;
}
.helpPara{
    font-size: 11pt !important;
    margin: -5px 0px -5px 0px;
    color: #404040 !important;
    font-family: bliss;
}
.helpContactContent li {
    line-height: 20px;
    margin: 5px;
}
.helpUl {
    margin: -10px 0px 15px 35px !important;
    color: #404040 !important;
}
.helpUl li{
    font-size: 11pt !important;
    color: #404040 !important;
    font-family: bliss;
}
.helpUl li a{
    font-family: bliss;
    color: #3082b7 !important;
}
.helpUl li a:hover{
    color: #3082b7 !important;
    text-decoration: none;
}
.small_cap {
    font-variant: small-caps;
    color: #404040!important;
}
.colblack{
    color:#202020 !important;
    font-family: blissbold !important;
    font-weight: bold\9;
}
.FooterTop{
    position: absolute;
    bottom: 0px;
    margin:0 auto;
    float:none;
    height:35px;
    width:100%;
}
.footer{
    background-image: url(../img/images/bg_footer.png);
    background-repeat: repeat-x;
    color:#404040 !important;
    margin-left: 0px\9;
    height:35px;
    width: 100%;
}
.footer span{
    position:relative;
    top:12px;
    left:20px;
    float: left;
}

.footer span a{
    color:#404040 !important;
}

.condation {
  float: right !important;
  margin-right: 50px;
}