@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'NexusSansCompPro';
    src: url('../fonts/NexusSansWebPro.eot');
    src: url('../fonts/NexusSansWebPro.woff') format('woff'),
        url('../fonts/NexusSansCompPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexusSansCompPro-Bold';
    src: url('../fonts/NexusSansWebPro-Bold.eot');
    src: url('../fonts/NexusSansWebPro-Bold.woff') format('woff'),
        url('../fonts/NexusSansCompPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*html {
    margin: 0;
    padding: 0px;
}

/*body{margin:0;padding:0; font-family: 'NexusSansCompPro'; font-size:15px; line-height:24px; color:#626262;background: url(/images/main_bg2.png) repeat-x #f2f2f6;}*/
input {
    outline: none;
}

select {
    outline: none;
}

select::-ms-expand {
    display: none;
}

input[type~="submit"] {
    cursor: pointer;
}

input[type="submit"] {
    cursor: pointer;
}

/* removing dotted line on buttons and clickable input elements for Firefox */
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {}

/* Remove outline on buttons and clickable input elements for WebKit Browsers & IE8 */
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="text"]:focus,
button {}

.curser_pointer {
    cursor: pointer;
}

.clear {
    clear: both;
    display: block;
}

.clear_5 {
    clear: both;
    height: 5px;
}

.clear_10 {
    clear: both;
    height: 10px;
}

.clear_20 {
    clear: both;
    height: 20px;
}

.clear_30 {
    clear: both;
    height: 30px;
}

a img {
    border: 0px;
}

a,
a:active,
a:visited {
    text-decoration: none;
    outline: none;
    transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

a {
    color: #00759b
}

a:hover {
    text-decoration: none;
}

p,
ul,
form {
    margin: 0px;
    padding: 0px;
}

p {
    padding: 0 0 10px 0
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pad_t_10 {
    padding-top: 10px;
}

.pad_t_20 {
    padding-top: 20px;
}

.pad_l_10 {
    padding-left: 10px;
}

.pad_r_20 {
    padding-right: 20px;
}

h1 {
    font-family: "NexusSansCompPro-Bold";
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #007398;
    padding: 0px 0 0px 0px;
    margin: 0 0 10px;
    text-decoration: none;
    border-bottom: 1px #d9d9d9 dashed
}

h1 a {
    color: #007398;
}

h2 {
    font-family: "NexusSansCompPro-Bold";
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #007398;
    padding: 0px 0 0px 0px;
    margin: 0;
    text-decoration: none;
}

h4 {
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    font-weight: bold;
    background: #53565a;
    line-height: 39px;
    color: #FFFFFF;
    padding: 0px 0 0px 10px;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #666;
    border-radius: 4px 4px 0 0;
}

h5 {
    font-family: 'NexusSansCompPro';
    font-size: 24px;
    line-height: 34px;
    color: #626262;
    padding: 0px 60px 0px 10;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
}

.header {
    float: left;
    width: 100%;
}

/*.header, .footer, .article{margin:0 auto;}*/
/*.header{ width:100%; background:none; display:inline-block;}*/
.head_container {
    width: 1000px;
    /*min-height:237px;*/
    margin: 0 auto;
}

.top_search_l {
    background: url(/images/s_left_bg.png) no-repeat left;
    width: 49px;
    height: 54px;
    float: left;
}

.top_search_m {
    background: url(/images/s_bg.png) repeat-x left top #3f62a4;
    width: 862;
    height: 49px;
    float: left;
    padding-top: 5px
}

.top_search_r {
    background: url(/images/s_right_bg.png) no-repeat right;
    width: 49px;
    height: 54px;
    float: left;
}

.top_text {
    font-family: 'NexusSansCompPro';
    font-size: 14px;
    line-height: 35px;
    color: #FFFFFF;
    padding: 0px 5px 0 0;
    display: inline-block;
    float: left;
}

.s_field_bg {
    background: url(/images/textbox_bg.png) no-repeat left;
    width: 200px;
    float: left;
    padding: 4px 10px;
    margin-right: 10px;
    margin-top: 7px;
}

.s_field_bg input[type="text"] {
    background: none;
    border: 0px;
    width: 180px;
    border: none;
    float: left;
}

.s_field_bg select {
    background: none;
    border: 0px;
    width: 200px;
    border: none;
}

.s_field_bg select option {
    background: #FFFFFF;
}

.s_field_bg img {
    float: left;
    padding: 3px 0 0 5px;
}

.ass_text {
    color: #FFFFFF;
    padding-top: 10px;
}

.ass_text span {
    color: #fce122;
}

.top_cont {
    width: 1000px;
    margin: 5px 0px 0;
    padding-top: 10px;
    position: relative;
}

.els_logo {
    position: absolute;
    right: -115px;
    top: -5px;
}

.els_logo img {
    -webkit-box-shadow: 0 8px 6px -6px #777777;
    -moz-box-shadow: 0 8px 6px -6px #777777;
    box-shadow: 0 8px 6px -6px #777777;

}

/*.logo_fl{float:left;}
.logo{ background:url(/images/logo.png) no-repeat; width:385px; height:88px; margin:10px 0;}
.logo a { display:block; height:88px;}*/
.field_fr {
    float: right;
    padding: 0px 0px 0 0;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.width_100_fr {
    float: right;
    width: 100%;
    text-align: right;
    position: relative;
}

.width_100_fr h1 {
    margin: 0 0 5px 0;
    padding: 0px 0;
    font-family: 'NexusSansCompPro';
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #00759b;
    text-decoration: none;
    border-bottom: 0;
}

.width_100_fr h1 span {
    color: #FF8200;
}

.mrg_r {
    margin-right: 10px;
}

.btn_gry {
    background: #53565a;
    padding: 0 10px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    border: 0;
    color: #FFFFFF;
}

.btn_gry:hover {
    color: #FFFFFF;
}

.btn_blu {
    background: #007398;
    padding: 0 10px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    border: 0;
    color: #FFFFFF;
}

.btn_blu:hover {
    color: #FFFFFF;
}

input.t_sear {
    background: #FFFFFF;
    border: 1px solid #d6d6d6;
    width: 50%;
    /*height:30px;*/
    border-radius: 0 4px 4px 0;
    box-shadow: inset 0 0 5px #ededed;
    padding: 4px 25px 6px 3px;
    /*box-sizing:borer-box;*/
    margin: 0;
    float: right;
}

input.sea_icon {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #555555;
    background: url(/images/sear_icon.jpg) 0 0 no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 0;
}

.hm {
    font-size: 24px !important;
}

.txt {
    font-family: 'NexusSansCompPro';
    font-size: 14px;
    line-height: 35px;
    color: #626262;
    padding: 0px 5px 0 0;
    display: inline-block;
    float: left;
}

.txt a {
    color: #c08301
}

.btn_blu_login {
    background: #007398 !important;
    padding: 3px 20px !important;
    border-radius: 4px !important;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    display: inline-block !important;
    border: 0;
    color: #FFFFFF !important;
}

.btn_blu_login:hover {
    color: #FFFFFF !important;
}

a.blu_btn {
    background: #065D78 !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    border: 0;
    color: #FFFFFF !important;
}

a.blu_btn:hover {
    color: #FFFFFF !important;
}



a.blu_btn_sm {
    background: #007398 !important;
    padding: 0 7px !important;
    border-radius: 4px !important;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 15px;
    text-decoration: none;
    display: inline-block !important;
    border: 0;
    color: #FFFFFF !important;
}

a.blu_btn_sm:hover {
    color: #FFFFFF !important;
}

input.blu_btn_sm {
    background: #007398;
    padding: 0 7px;
    border-radius: 4px;
    line-height: 22px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    border: 0;
    color: #FFFFFF;
}

input.blu_btn_sm:hover {
    color: #FFFFFF;
}

input.blu_btn {
    background: #065D78 !important;
    padding: 5px 10px 2px !important;
    outline: none !important;
    border-radius: 4px !important;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 16px;
    text-decoration: none;
    display: inline-block !important;
    border: 0;
    color: #FFFFFF !important;
}

input.blu_btn:hover {
    color: #FFFFFF !important;
}


a.yel_btn {
    border-radius: 4px !important;
    border: 1px solid #065D78 !important;
    padding: 3px 15px !important;
    text-align: center;
    font-family: "NexusSansCompPro-Bold";
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF !important;
    display: inline-block !important;
    background: #065D78 !important;
    font-weight: normal;
}

a.yel_btn:hover,
a.yel_btn:focus {
    background-color: #e9711c !important;
    color: #fff !important;
    border: 1px solid #e9711c !important;
}

a.blu_btn:hover,
a.blu_btn:focus {
    background-color: #e9711c !important;
    color: #fff !important;
    border: 1px solid #e9711c !important;
}

a.blu_btn_sm:hover,
a.blu_btn_sm:focus {
    background-color: #e9711c !important;
    color: #fff !important;
    border: 1px solid #e9711c !important;
}

/*.nav{ background:#ff8200; height:50px; width:100%}*/
.banner_wrapper {
    float: left;
    width: 1000px;
}

.banner1 {
    padding: 10px;
}

.banner_img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10000
}

#fragment-1 {
    float: left;
}

a.fb {
    background: url(/images/social_icon.png) 0 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

a.tw {
    background: url(/images/social_icon.png) -41px 0px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

a.in {
    background: url(/images/social_icon.png) -82px 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

a.yt {
    background: url(/images/social_icon.png) -124px 0 no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

.article {
    width: 100%;
}

.article_container {
    width: 1000px;
    overflow: hidden;
    margin: 20px auto 0;
    padding: 10px !important;
    box-shadow: 0 0 5px #cccccc;
    box-sizing: border-box;
    background: #FFFFFF;
}

.leftpanel {
    width: 220px;
    float: left;
    margin-left: 10px;
}

.l_box {
    width: 220px;
    float: left;
    margin-bottom: 10px;
}

.fla_box {
    float: left;
    display: block;
    border: 1px solid #d9d2d2;
    width: 220px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.pin_box {
    float: left;
    display: block;
    border: 1px solid #d9d2d2;
    width: 220px;
    background-color: #FFFFFF;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.pin_box label {
    width: 20%;
    font-family: 'NexusSansCompPro';
    font-size: 16px;
    color: #555555;
    display: inline-block;
}

.pin_box [type="text"] {
    width: 70% !important;
    margin-bottom: 10px;
    height: 20px !important;
}

.pin_box select {
    width: 70%;
    margin-bottom: 10px;
}

.rightpanel {
    width: 740px;
    float: right;
    margin: 0 10px 0 20px;
}

.tit_bg {
    border-bottom: #53565a 2px solid;
    line-height: 30px;
    height: auto;
    color: #ff8200;
    float: left;
    border-radius: 0px;
    width: 100%;
    padding: 0;
    font-family: 'NexusSansCompPro';
    font-size: 24px;
    text-align: left;
    font-weight: normal;
}

.tit_bg_repl {
    border-bottom: #53565a 2px solid;
    line-height: 30px;
    height: auto;
    color: #ff8200;
    float: left;
    border-radius: 0px;
    width: 100%;
    padding: 0;
    font-family: 'NexusSansCompPro';
    font-size: 24px !important;
    text-align: left;
    font-weight: normal;
}

.title_bg {
    border-bottom: #53565a 2px solid;
    line-height: 30px;
    height: auto;
    color: #ff8200;
    float: left;
    border-radius: 0px;
    width: 100%;
    padding: 0;
    font-family: 'NexusSansCompPro';
    font-size: 24px;
    text-align: left;
    font-weight: normal;
}

.list_box {
    /*background:url(/images/box_bg.jpg) no-repeat top #e9e7e7;*/
    border: 1px solid #d9d2d2;
    padding: 0px;
    width: 218px;
    text-align: center;
    margin: 0 10px 20px;
    float: left;
}



/* 2174

.list_box_img{padding:10px; width:198px; text-align:center;float:left;  min-height:187px;} */


.list_box_img {
    padding: 10px;
    width: 100%;
    text-align: center;
    float: left;
    min-height: 202px;
}

.list_box_title {
    float: left;
    font-family: 'NexusSansCompPro';
    font-size: 12px;
    color: #007398;
    display: block;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #d9d2d2;
    padding: 10px 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* .list_box_title { float:left; font-family: 'NexusSansCompPro'; font-size:16px; color:#007398; display:block; text-align:center; text-decoration:none; border-top:1px solid #d9d2d2; padding:10px 5px; width:96%; overflow: hidden;text-overflow: ellipsis;
        white-space: nowrap;}    */

.list_box_title a {
    font-size: 16px;
    /*color:#007398;*/
    color: #006080;
    text-align: center;
    text-decoration: none;
}

.list_box_title a:hover {
    color: #555555;
    text-decoration: none;
}

.mar_0 {
    margin: 0 0px 20px 0 !important
}

/*.footer{ width:100%; background:#53565a;}*/
.footer_container {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 10px;
    box-sizing: border-box;
}

.fut_l {
    float: left;
    font-family: 'NexusSansCompPro';
    font-size: 13px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333;
    text-align: left;
}

.fut_r {
    float: right;
    font-family: 'NexusSansCompPro';
    font-size: 13px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333;
    text-align: right;
    line-height: 20px;
}

.fut_r a {
    color: #FFFFFF;
}

.inner_cont {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d2d2;
    background-color: #FFFFFF;
    padding: 10px;
    display: inline-block
}

.current_user {
    border-radius: 5px;
    margin-top: 20px;
    width: 45%;
    box-sizing: border-box;
    border: 1px solid #d9d2d2;
    padding: 10px;
    float: left;
}

.individual_user {
    border-radius: 5px;
    margin-top: 20px;
    width: 47%;
    box-sizing: border-box;
    border: 1px solid #d9d2d2;
    background-color: #FFFFFF;
    padding: 10px;
    float: right;
}

.divider-user {
    float: left;
    left: 10px;
    position: relative;
    top: 67px;
    width: 38px;
}

.tit_bg a {
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    color: #555555;
    padding: 0 6px;
    font-weight: normal;
}

.tit_bg a:hover {
    color: #fbb829
}

.tit_bg_repl a {
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    color: #555555;
    padding: 0 6px;
    font-weight: normal;
}

.tit_bg_repl a:hover {
    color: #fbb829
}

a.next_arr {
    background: url(/images/next_arr.png) right 8px no-repeat;
    width: 7px;
    height: 28px;
    line-height: 28px !important;
    display: inline-block;
    padding: 0px !important;
}

a.prev_arr {
    background: url(/images/prev_arr.png) 0 8px no-repeat;
    width: 7px;
    height: 28px;
    line-height: 28px !important;
    display: inline-block;
    padding: 0px !important;
}

.list_box_title a.b_detail {
    background: url(/images/b_detail.png) 0 0px no-repeat;
    text-align: left;
    padding: 0 20px 0 20px;
    margin-left: 10px;
}

.list_box_title a.ful_text {
    background: url(/images/full_text.png) 0 0px no-repeat;
    text-align: left;
    padding: 0 0px 0 20px;
}

.left_menu {
    width: 218px;
    float: left;
    height: 150px;
}

.left_menu ul {
    list-style: none;
    margin: 0 auto;
}

.left_menu ul li {
    list-style: none;
    margin: 0 auto;
    padding: 0 0 0 24px;
    line-height: 24px;
    text-align: left;
    margin: 5px;
    background: url(/images/left_arr.png) 5px 4px no-repeat;
}

.left_menu ul li a {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    line-height: 24px;
    text-align: left;
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    color: #626262;
}

.more2 {
    color: #FF8200 !important;
    padding: 0 10px;
}

.s_title_bg {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-shadow: 0 0 5px #ededed inset;
    width: 251px;
    float: right;
    padding: 5px 10px;
    margin-right: 0px;
    margin-top: 7px;
}

.s_title_bg input[type="text"] {
    background: none;
    border: 0px;
    width: 230px;
    border: none;
    float: left;
}

input[type="text"].inputbx {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    box-shadow: 0 0 5px #ededed inset;
    width: 251px;
    padding: 5px 10px;
    margin-right: 0px;
}


.s_result {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.s_result_cont {
    width: 98%;
    padding: 1%;
    float: left;
    line-height: 24px;
    text-align: left;
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    color: #626262;
}

.s_result_cont span {
    color: #ff8200;
}

.page_bot {
    background: none;
    border: 0px solid #D9D2D2;
    display: inline-block;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.page_bot a {
    font-family: 'NexusSansCompPro';
    font-size: 15px;
    color: #555555;
    padding: 0 6px;
    font-weight: normal;
    line-height: 39px;
}

.page_bot a:hover {
    color: #ff8200
}

.col_result {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.col_result_img {
    width: 20%;
    float: left;
    text-align: center;
}

.col_result_cont {
    width: 78%;
    padding: 1%;
    float: left;
    text-align: left;
    font-family: 'NexusSansCompPro';
    color: #626262;
}

.col_result_cont span {
    color: #626262 !important;
    font-family: "NexusSansCompPro" !important;
    font-size: 15px;
    font-weight: normal !important;
    line-height: 24px;
}

.contentheader3 {
    color: #7D4F02 !important;
    font-family: "NexusSansCompPro" !important;
}

.field_reg {
    float: right;
    padding: 5px 15px 0 0;
}

.top_link {
    float: right;
    color: #2c5299;
    font-family: 'NexusSansCompPro';
}

.top_link a {
    color: #2c5299;
}

.top_link a:hover {
    color: #000000;
}

.demo_btn {
    float: right;
}

.yel {
    color: #7D4F02
}

.eles_link {
    color: #007398;
    font-size: 15px;
    background: url(/images/dot.png) 5px 3px no-repeat;
    padding: 0 0 0 18px;
}

.eles_link:hover {
    text-decoration: underline;
}

ul.help_cont {
    padding: 0 0 0 20px;
    margin: 0px;
}

.btn_blu_search {
    background: #007398 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-family: "NexusSansCompPro-Bold";
    font-size: 16px;
    padding: 6px 10px 2px;
    text-decoration: none;
}

.help_cont li {
    padding: 0;
    margin: 0;
}

.cont_img {
    float: left;
    display: inline-block;
    margin: 0 10px 10px 0;
    font-weight: bold;
    width: 240px;
}

.regis {
    width: 100%;
    float: left;
}

.reg_l {
    width: 42%;
    float: left;
    color: #626262;
    font-family: 'NexusSansCompPro';
    text-align: right;
    padding-right: 1%;
    padding-bottom: 10px;
    height: 32px;
    line-height: 28px;
    white-space: nowrap;
}

.reg_l span {
    color: #B10505;
}

.reg_r {
    width: 58%;
    float: left;
    padding-bottom: 10px;
    height: 32px;
}

.reg_r select {
    border: 1px solid #d9d9d9;
    width: 60%;
    height: 30px;
}

.reg_r input[type="text"] {
    border: 1px solid #d9d9d9;
    width: 60%;
    height: 30px;
}

.reg_r input[type="password"] {
    border: 1px solid #d9d9d9;
    width: 60%;
    height: 30px;
}

.res_nav {
    display: none;
}


.select-style {
    background: #f8f8f8 url("/images/arrowdown.gif") no-repeat scroll 98% 50%;
    border-radius: 3px 0 0 3px;
    border-right: 0 solid #cdcdcd;
    box-shadow: 0 0 10px #cccccc inset;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 175px;
    float: right;
}

.select-style:hover {
    background-color: #ededed;
    box-shadow: 0 0 5px #cccccc inset;
}

.select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    height: 30px;
    padding: 4px 22px 4px 8px;
    width: 100%;
}

.select-style select:focus {
    outline: medium none;
}

/* .bk_det a{ margin-right:10px;} */
.bk_det a {
    margin-right: 10px;
}

.bk_det.bck_title {
    word-wrap: break-word;
    white-space: normal;
    overflow-y: hidden;
    max-height: 44px;
}

.pad_icon {
    padding-right: 5px;
}

.for_pass {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    display: none;
    margin-bottom: 10px;
}

.for_pass input[type="text"] {
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 0 3px #eeeeee inset;
    box-sizing: border-box;
    height: 32px;
    margin: 0 5px 0 0;
    padding: 8px;
    width: 70%;
}

.red {
    color: #FF0000;
}

.col_result_cont br {
    display: none;
}

span.textbold {
    width: 100%;
    display: block;
}

#boknav {
    /* padding:10px;*/
    box-sizing: border-box;
}

.ifrm p {
    font-family: 'NexusSansCompPro' !important;
    font-size: 15px;
    line-height: 24px;
    color: #626262;
}

.leftmenu_td {
    height: 500px !important
}

.wel_txt {
    font-family: 'NexusSansCompPro-Bold';
    color: #ff8200;
    padding-right: 10px;
}

.content-container {
    width: 100% !important;
    box-sizing: border-box;
}


.list_box2 {
    /*background:url(/images/box_bg.jpg) no-repeat top #e9e7e7;*/
    border: 0px solid #d9d2d2;
    padding: 0px;
    width: 164px;
    text-align: center;
    margin: 0 6px 10px;
    float: left;
}

.list_box_img2 {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    float: left;
    min-height: 187px;
    border: 1px solid #d9d2d2;
}

.list_box_img2 a {
    text-align: center;
    display: block;
}

.list_box_img2 a img {
    display: inline-block !important;
}

.list_box_title2 {
    float: left;
    font-family: 'NexusSansCompPro';
    font-size: 16px;
    color: #007398;
    display: block;
    text-align: center;
    text-decoration: none;
    border-top: 0px solid #d9d2d2;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.list_box_title2 a {
    font-size: 16px;
    color: #007398;
    text-align: center;
    text-decoration: none;
}

.list_box_title2 a:hover {
    color: #555555;
    text-decoration: none;
}

.pad_save {
    padding-right: 157px;
    color: green;
}

.pad_exit {
    padding-right: 112px;
}

.reg_pin {
    display: none;
}

.reg_pin_desk {
    display: block;
}

.user-icon-wrap {
    width: 80px;
    margin: 0 auto;
    opacity: 0.3;
    margin-top: 58px;
    margin-bottom: 20px;
}

.user-label {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.user-label a {
    display: block;
    color: #007398;
    text-decoration: underline;
}

.user-label a:hover {
    color: #ff8200;
}

.message-label {
    background-color: rgba(211, 211, 211, 0.5);
    border-radius: 5px;
    font-size: 17px;
    font-weight: normal;
    opacity: 0.8;
    padding: 15px;
    text-align: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-style select {
        padding: 4px 0 4px 8px;
    }
}

select:focus {
    outline: #1C4DB0 dotted 2px !important;
}

.text_reader {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

.text_reader:focus {
    outline: #1C4DB0 dotted 2px !important;
    display: grid;
    outline-offset: 2px;
}

.text_reader2 {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

.text_reader2:focus {
    outline: #1C4DB0 dotted 2px !important;
    display: grid;
    outline-offset: 2px;
}


.pagintaion_in_seach {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;

}

.page-1 {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default !important;
}

a:focus {
    outline: #1C4DB0 dotted 2px !important;
    outline-offset: 2px !important;
}

.custom-search-input button.btn-info:hover,
.custom-search-input button.btn-info:focus {
    outline: #1C4DB0 dotted 2px !important;
    outline-offset: 2px !important;
}

.regis span {
    color: #B10505;
}

.yel a{
  color: #7D4F02;
}

.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: #006080;
    color: #FFFFFF !important;
    padding: 8px;
    z-index: 100;
    text-decoration: none;
    transition: top 0.3s ease;
}

/* Make the link visible when it receives focus */
.skip-to-content:focus {
    top: 0;
}

.skip-to-content:hover {
    background: #007A99;
    color: #FFFFFF;
}

/*accessibility for paragraph links*/

.article_container a {
    color: #1a73e8;
    text-decoration: underline;
}

.article_container a:hover, .article_container a:focus {
    color: #0c47a1; 
    text-decoration: none; 
    background-color: #e2f0fb; 
}

.article_container a:focus {
    outline: 2px solid #ffcc00; 
    outline-offset: 2px;
}

.article_container a {
    padding: 2px 4px;
    display: inline-block;
    border-radius: 2px;
}

@media (hover: none) {
    .article_container a {
        font-size: 16px;
        padding: 6px 8px;
    }
}

.btn_red_cancel {
    background: #D9534F;
    padding: 3px 20px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'NexusSansCompPro-Bold';
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    border: 0;
    color: #FFFFFF;
}

.btn_red_cancel:hover {
    background: #C12E2A;
}

.paragraph-button {
    display: block;
    padding: 0px;
    margin:0px;
    background: none; /* Remove default button background */
    border: none; /* Remove default button border */
    text-align: left; /* Align text to the left */
    pointer-events:none;
    border-radius: 0; /* Remove border-radius */
    outline: none; /* Remove focus outline */
    text-decoration: none; /* Remove underline if any */
    color:#555555;
}
        
.paragraph-button:hover {
    text-decoration: none; /* Underline text on hover */
}
        
.paragraph-button:focus {
    box-shadow: 0 0 0 2px #006080; /* Custom focus style */
}
.page-1 {
  color: #0071bc !important;
}
.page-1:hover {
  color: #205493 !important;
  font-weight: bold !important;
}
.pageNumber:hover {
  color: #205493 !important;
  font-weight: bold !important;
}
.searchBookInfo {
  color: #65420e !important;
}
.book_title_heading {
    color:#00759b; 
    font-size:18px;
    text-decoration: underline;
    border-bottom:1px dashed #d9d9d9;
    margin:0 0 10px; 
    padding:0;
    line-height:30px;
    font-weight:normal
}

.book_title_heading_link {
    color:#00759b; 
    font-size:22px;
    text-decoration: underline;
    border-bottom:1px dashed #d9d9d9;
    margin:0 0 10px; 
    padding:0;
    line-height:30px;
    font-weight:normal
}

.book_title_heading_link a {
    text-decoration: none;
}

.form_error_message{
    color:#9E0000;
    font-weight:bold;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.leftmenu_td a {
    padding: 0 !important;
}

.forgot-signup-button {
    background-color: transparent;
    border: 0;
    color: #224faa;
    cursor: pointer;
    padding-top: 5px;
    display: inline-block;
}
    
.forgot-signup-button:focus {
    outline: #1C4DB0 dotted 2px !important;
}

.forgot-signup-button:hover {
    color: #424077;
    text-decoration: none;
}

.signup-btn {
    padding-left: 0;
}

.login-forgotpassowrd-row {
    display: flex;
    align-items: center;
}

.forgotpassword-btn {
    margin-left: 5px;
}