/* ############# STRUCTURE ############ */
#main-div{width:970px; margin:0px auto 0px auto; position:relative; }
#main-wrap{ width:100%; float:left;  margin:0px 0 10px 0;}
#top-div{ width:100%; }

#banner{ width:100*; float:left; height:125px; margin:0px 0px 0px 0px}
#banner #logo{ width:10%; height:100%; float:left; margin:1px 20px}
#banner .titleholder{width:59%;}
#banner #header_content{ width:25%; height:98px; float:right; margin:15px 10px;}

#s_show_area{ width:100%; height:221px; float:left; position:relative; width:1050px}

#banner #top_menu{ width:100%; height:48px; float:left; }

#mmenu{  height:25px; margin:0px 0px 0px 0px}

#content{ position:relative; float:left;width:100%; height:100%; margin:0px 0px 10px 0px; padding:0 5px 0 8px}

#content #left_side{width:260px; float:left; min-height:1601px; overflow:hidden}

#content #middle_area{ position:relative;width:70%;  float:left; overflow:hidden; }

#content #right_side{ width:20%;float:right; min-height:1350px; padding-top:0px;margin:px 0 0 0;}

#footer{width:100%; height:80px;float:left;  margin-left:0px}
#footer #footer_address{width:49%; height:60px;float:left; margin:10px 8px;}
#footer #footer_link{width:47%; float:right; margin:10px 10px 0 0;height:60px;}

#footer #copyright{width:100%; float:left; margin-top:0px; text-aligh:left;}
#footer #copyright p{text-align:center !important; line-height:16px; font-size:16px;}
#footer #copyright img{ }

/* ############# END STRUCTURE ############ */


/* ############# MAIN DESIGN ############ */

#main-div{background-color:#ffffff; }
#main-wrap{ background:#f7f7f7;border-radius:4px;border-left:0px solid #ccc; border-right:0px solid #ccc; box-shadow:0px 0 10px #555;}
#top-div{background:#aaa; border-top:10px solid #F7931E; }

#banner{border-top:0px solid #F7931E; border-bottom:0px solid #F7931E; text-align:center;background: #09314C /*url(../images/logo.png) no-repeat 37% 0%*/; vertical-align:middle;}

#top_menu{background:#005581  url(../images/logo.png) no-repeat 37% 0%; border-bottom:1px solid #1D647F }
#main_menu{background:#fff url(../images/logo.png) no-repeat 37% 100%; }

#s_show_area{background:#541E2A; border-bottom:4px solid #333}

#content{background:#fff; text-align:left;}
#left_side{background:#EEEDE1; }
#left_side .journals{ background:#ddd}
#left_side .call_for_papers{}
#middle_area{background:#fff; }
#right_side{background:#fff /*url(../images/s_bak.jpg) repeat-y */; font-family:'Segoe UI', Geneva, sans-serif; font-size:13px; }
#right_side a{ color:#333;  font-family:"Segoe UI", Geneva, sans-serif; font-size:15px;}



.page_search{ width:310px; margin:10px auto;  background:#aaa; padding:0px 0px 0px  0; text-align:right; border-radius:2px;}
.page_search form input[type='text']{width:200px; background:#aaa; border:0; padding:5px 8px;vertical-align:top;}
.page_search input[type='submit']{ border:0px solid #ccc; background:#222 url(../images/search_icon.png) no-repeat center center; color:#fff; font-size:12px; font-weight:bold; padding:7px 0px; margin:0; width:80px;vertical-align:top;}

.search-right{position:absolute; top:0px; right:40px; width:290px}
.search-right form input[type='text']{width:150px;}
.search-right form input[type='submit']{ font-size:16px; border:0; padding:1px 5px; background:#095995; color:#fff; font-family:Calibri,'Segoe UI', Geneva, sans-serif;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search-right form input[type='submit']{ padding:1px 5px; line-height:18px;}
}





#banner{
border:1px solid #034a89;
background:#034a89 url(../images/bg-common.png);
background-image: -webkit-linear-gradient(top,#0163ba,#034a89);
background-image: -moz-linear-gradient(top,#0163ba,#034a89);
background-image: -ms-linear-gradient(top,#0163ba,#034a89);
background-image: -o-linear-gradient(top,#0163ba,#034a89);
box-shadow:0px 1px 2px #999;
text-shadow:0px 1px 1px #111;	
}



#banner .titleholder{ float:left;height:125px;}
#banner .title{display:table-cell;padding-left:20px; vertical-align:middle; height:125px;}
#banner .title h1{ color:#fff; font-family:Tahoma,"Trebuchet MS","Segoe UI", Arial, Helvetica, sans-serif; text-align:left; font-size:20px; font-weight:bold; text-transform:uppercase; line-height:33px; vertical-align:middle; padding-left:15px; letter-spacing:normar}
#banner .title p{ text-align:left; font-family:'Segoe UI', Geneva, sans-serif; font-size:13px; padding:6px 0 0 15px; color:#fff; }
#banner .title h1 a{color:#fff; text-decoration:none}
#banner .title h1 a:hover{color:#fff; text-decoration:none}

#banner .date{width:200px;float:right;color:#fff; padding:4px 25px 8px 25px; font-family:'Segoe UI', Geneva, sans-serif; font-size:10px; background: url(../images/date-bg.png) no-repeat top left; margin:0px 0px 0 0px; box-border-radius:0px 0px 3px 3px; text-align:right;}

#banner .lan{ width:35%;float:right ;color:#fff; padding:3px 5px 6px 3px; font-family:'Segoe UI', Geneva, sans-serif; font-size:10px;  margin:20px 5px 0 0; box-shadow:0px 2px 2px #111; background:#000;}
#banner .lan div{ width:20px !important; background:none !important; border:none !important; display:inline !important; font-size:10px !important;}
#banner .lan a{text-decoration:underline}
#banner .lan div img{ display:none; !important;font-size:10px !important}
#banner .lan div a img, #banner .lan div a span{ display:none; !important; font-size:10px !important}
#banner .mmenu{ width:35%;float:right ;color:#fff; padding:3px 5px 6px 3px; font-family:'Segoe UI', Geneva, sans-serif; font-size:10px;  margin:20px 5px 0 0;}



#banner .social{ float:right; padding:2px 0px; width:100%; background:#000;}



#footer{border-bottom:#F7931E 0px solid; background:#113B65 /*url(../images/s_bak.jpg) repeat-x*/; font-family:Arial, Helvetica, sans-serif; padding-top:10px}
#footer #footer_menu{}
#footer #follow{ text-align:right}
#footer #footer_address{}
#footer #copyright{ text-align:center}
#footer #footer_link{ text-align:right}

/* ############# END MAIN DESIGN ############ */

/* ############# TOP MENU ############ */
#top_menu ul{width:100%;float:left;display:inline;list-style:none; padding: 0 10px;}
#top_menu ul li{display:inline;padding:7px 2px 7px 1px;font-weight:;display:inline-block; color:#fff}
#top_menu ul li a{  color:#fff; text-decoration:none;padding:0px 1px 0 1px; font-size:12px; font-weight:normal;font-family:"Palatino Linotype", calibri, Helvetica;}
#top_menu ul li a:hover{ text-decoration:none; color:#FF6600}
/* ############# END TOP MENU ############ */


/* ############# MAIN MENU ############ */
#banner #main_menu{ width:100%; height:34px; float:left; overflow:visible}
#navi { width:100%;float:left;display:inline;list-style:none; padding:2px 10px 0  10px}
#navi li { float: left; display: block;  position: relative; z-index: 999; margin: 0 1px; padding:6px 3px;}
#navi li a { display: block; zoom: 1;  color:#005581; text-decoration:none;padding:0px 11px 7px 16px; font-size:14.5px; font-weight:bold;  background:none;font-family: Garamond, "Times New Roman", Times, serif;  }
#navi li a:hover, #navi li a.hov { color: #F7931E; }

#navi ul { position: absolute; left: 1px; top:31px; display: none; margin: 0; padding: 0; list-style: none; padding-bottom: 0; border:2px solid #eee;border-top:1px dotted #bbb;	 background:#09314C; border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; z-index:1000 !important;}

#navi ul ul{position:absolute !important;top:10px !important; left:150px !important;border-radius:0; border-top-right-radius: 4px;
border-bottom-right-radius: 4px;border-top:2px solid #999; border-left:1px dotted #bbb;	}
#navi ul ul ul{position:absolute !important;top:10px !important; left:150px !important;}

#navi ul li { width: 165px; float: left; text-align: left;  }
#navi ul li:hover { }
#navi ul a { display: block; line-height: 20px; padding: 0 4px; color:#fff; font-size:14px; font-weight:normal }
#navi ul a:hover { text-decoration: none;color: #F7931E; }
* html #navi ul { margin: 0 0 0 -2px; }

/* ############# END TOP MENU ############ */
/* ############# END TOP MENU ############ */


/* ############# Journal MENU ############ */
#j_menu{ }

#j_menu ul{width:98%; float:left;display:inline;list-style:none; padding: 2px 10px; margin-left:0px;
background:#00427c;

border-top:1px solid #022c52;
border-bottom:2px solid #F39B09; 
background-image: -webkit-linear-gradient(top,#00427c,#022c52);
background-image: -moz-linear-gradient(top,#00427c,#022c52);
background-image: -ms-linear-gradient(top,#00427c,#022c52);
background-image: -o-linear-gradient(top,#00427c,#022c52);

box-shadow:0px 1px 2px #999;
text-shadow:0px 1px 1px #111;

}
#j_menu ul li{ float: left; display: block;  position: relative; z-index: 999; margin: 0 1px; padding:7px 2px;}
#j_menu ul li a{  color:#fff !important; 
text-decoration:none;
display: inline-block;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
line-height: 1;
padding:0px 5px 0 6px; font-size:16px; font-weight:normal; letter-spacing:0px; text-transform:none; font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif}
#j_menu ul li a:hover{ border-bottom: 2px solid #034f59;}


#j_menu ul ul {width:170px;position: absolute; left: 1px; top:32px; display: none; margin: 0; padding: 0; list-style: none; padding-bottom: 0; border:1px solid #eee;border-top:1px solid #999;	 background:#222; z-index:1000 !important;}

#j_menu ul ul ul{width:220px;position:absolute !important;top:0px !important; left:170px !important;border-radius:0; border-top-right-radius: 4px;
border-bottom-right-radius: 4px;border-top:2px solid #999; border-left:1px dotted #bbb;	}
#j_menu ul ul ul li{width:220px;}

#j_menu ul ul ul ul{position:absolute !important;top:10px !important; left:150px !important;}

#j_menu ul ul li { width: 165px; float: left; text-align: left; border-bottom:1px solid #555; padding:5px 2px; }
#j_menu ul ul li:hover { }
#j_menu ul ul a { display: block; line-height: 20px; padding: 0 2px; color:#fff; font-size:16px; font-weight:normal }
#j_menu ul ul a:hover { text-decoration: none;color: #F7931E; }
* html #j_menu ul ul { margin: 0 0 0 -2px; }





/* ############# END TOP MENU ############ */

#site_title h1, #site_title p{ color:#FFFFFF;text-shadow:0px 0 1px #333; font-family:"Times New Roman", Times, serif; margin:10px 0 0 0;}
#site_title h1{ margin-left:50px;font-size:35px; letter-spacing:.4px; font-weight:normal;}
#site_title p{ font-size:24px;}
#site_title h1 img{ margin-left:15px;}
#header_content{ color:#fff;}
#header_content .header_menu{ margin:14px 0 11px 5px; float:left; padding:3px 5px; width:230px; border-radius:4px; font-family:Garamond, "Times New Roman", Times, serif; font-size:16px; letter-spacing:.3px;}
#header_content .header_menu a{ color:#F7931E; font-size:14px; font-weight:normal; text-decoration:none; padding:0 6px 0 6px}
#header_content .header_menu a img{ margin-bottom:-6px}

#header_content .search{float:right;width:95%; height:26px; color:#fff; background:#ccc; margin:17px 0 0 0; border-radius:1px;display:inline-block; overflow:hidden}
.search { margin:0; padding:0; text-align:right}
.search input[type='text']{ margin:0; padding:0;width:170px; background:#ccc; border:0; height:22px; color:#555}
.search input[type='submit']{ border:0px solid #ccc; background:#42210B url(../images/search_icon.png) no-repeat center center; color:#fff; font-size:12px; font-weight:bold; padding:0; height:26px; margin:0; width:70px;}


#middle_area{ padding:0; }

#middle_area .m_con{ text-align:justify;font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif; padding:0px 10px}
#middle_area .m_con p{ color:#000;padding:4px 0px; text-align:justify; font-size:16px !important; letter-spacing:normal; word-spacing:normal; line-height:21px}
#middle_area .m_con span{ font-size:16px;}
#middle_area  a, #middle_area .m_con a{ color:#05599E !important; 
text-decoration:none;
display: inline-block;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
line-height: 1;
font-family:"Segoe UI", Geneva, sans-serif !important;}
#middle_area .m_con a:hover, #middle_area a:hover{ border-bottom: 2px solid #034f59;}
#middle_area h3{ color:#555; font-size:19px; text-align:left; background:none; color:#933749; padding:2px 0}
#middle_area h2{ font-size:16px !important; text-align:left; padding:4px 5px; background:#eee; margin:10px 10px 3px 10px; border-bottom:1px solid #aaa; color:#000; font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif !important;}
#middle_area .m_con h4{ color:#222;margin:2px 0px; padding:2px 0px; font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif; font-size:16px !important;}
#middle_area .m_con ul{ list-style-type:disc}
#middle_area .m_con ul li, #middle_area .m_con ol li{ color:#000;padding:4px 10px; text-align:justify; font-size:16px !important;}

#middle_area .m_con .faq{padding:4px 15px !important; list-style-type:decimal}
#middle_area .m_con .faq li{ padding:8px 5px; !important; border-bottom:0px dashed #ccc;}
#middle_area .m_con .faq li strong{ font-size:16px; color:#333; line-height:20px}
#middle_area .m_con .faq a{ font-weight:onrmal;}
#middle_area .m_con .faq li span{}

.social{ position:relative; text-align:left; margin-top:15px;}
.social .g-plusone{ float:left !important;margin:1px 8px}
.social .fb-like{float:left;margin:1px 8px 1px 0px;}
.social .twitter{width:90px;float:left;margin:1px 8px}

.subcribe{text-align:left; padding:10px 18px 10px 30px; background:#134582; width:55%; margin:15px auto; border-radius:5px; border:8px solid  #ccc}
.subcribe form{ font-size:14px; color:#B9ECFF; font-family:"Times New Roman", Times, serif; margin:0 auto;}
.subcribe form input[type="text"]{ width:200px; height:22px; font-size:14px; color:#A00323; }
.subcribe form input[type="submit"]{ height:25px; padding:0 7px; font-size:14px;font-family:"Times New Roman", Times, serif }

.aripdvisitor{ width:90%;background:#fff; margin:4px auto; padding:1px 1px; border-collapse:separate; border-collapse:collapse; border:0;}
.aripdvisitor tr td{ padding:2px 8px 2px  2px; font-size:10px; line-height:20px; color:#111; border:0; border-bottom:1px solid #eee; font-family:'Segoe UI', Geneva, sans-serif; font-weight:normal !important}
.aripdvisitor tr td img{ padding-top:0px;}


#cur{ width:660px !important; margin-left: 100px;}

/* ############ Slide Area ############ */
#r_cpi_slide{ margin:0px auto; width:100%;}
#r_cpi_slide p{}
#r_cpi_slide div{ float:left; width:100%;}
#r_cpi_slide div .l{ position:absolute;padding:10px 0; text-align:right;line-height:20px; width:100%; height:201px; display:block; color:#fff; /*background:url(../images/sbg.jpg) top left;*/ font-family:garamond, "Times New Roman", Times, serif;}
#r_cpi_slide div .l h2{ font-size:24px; font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
 font-weight:bold; line-height:30px; border-bottom:1px dotted #777; padding:0px 10px;  text-transform:uppercase;}
 #r_cpi_slide div p{ font-size:19px; margin:8px 0; line-height:21px;}

#r_cpi_slide div .r{ position:absolute;width:100%; background-image:url(../images/sbg.png)}

#prev{ position:absolute; bottom:8%; right:36px; z-index:100; background:url(../images/arrow.png) bottom left; width:17px; height:20px; font-size:1px; color:#fff;}
#next{ position:absolute; bottom:8%; right:18px; z-index:100;  background:url(../images/arrow.png) bottom right; width:17px; height:20px; font-size:1px; color:#fff;}
#next:hover{background:url(../images/arrow.png) top right;}
#prev:hover{background:url(../images/arrow.png) top left;}

.more-b{ background:#01619A url(../images/more-b.png) no-repeat 97% 60%; line-height:45px; padding:8px 30px 8px 10px; font-size:13px; font-family:Garamond; font-weight:bold; text-transform:uppercase; margin:10px 10px; box-shadow:1px 1px 2px #222}
.more-b:hover{ background-color:#045CA4 !important; text-decoration:none}

/* ############ Slide Area ############ */


/* 
##############################
####### Journal Design #######
##############################
*/

#middle_area .j_info{padding:0 0px 10px 0px ; background:#fff !important; margin-top:-2px; }
#middle_area .j_attr{ height:290px; padding-left:15px; border-bottom:1px dotted #aaa;}
#middle_area .j_attr a{color:#36B !important}
#middle_area .j_info img.cover{ padding:0 0px 0 0px; margin:2px 20px 30px 0; box-shadow:1px 2px 4px #bbb; border:5px solid #fff;}
#middle_area .j_info p{ font-family: 'Segoe UI', Garamond,"Times New Roman", Times, serif; color:#000; text-align:left; }
#middle_area .j_info h2{ border:none !important; font-size:12px !important; color:#000 !important; background:none !important; font-family:'Segoe UI', Garamond, Alegreya, Candara , Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:bold; line-height:25px;padding:0; margin:0 }
#middle_area .j_info .e_by{ font-family:'Segoe UI', Garamond, Tahoma, Arial; font-size:16px; color:#000; margin:8px 0 10px 0; font-weight:normal; line-height:21px;}
#middle_area .j_info .e_by span{display:block; font-weight:bold;}

#middle_area .j_info .e_by a, #middle_area .j_info .e_by a:hover{ border-bottom: 2px solid #034f59;}
#middle_area .j_info .at{font-size:16px; line-height:20px; margin-bottom:8px;}
#middle_area .j_info .ext{ padding-left:22px;background: url(../images/pen-paper.png) no-repeat top left;}	
#middle_area .j_info .j_des{ padding:7px 5px 10px 0 !important; font-size:16px; font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif;  line-height:17px; text-align:justify !important; font-weight:normal; color:#000; letter-spacing:.1px}
 
#middle_area .j_des em{ color:#005581; font-family:'Segoe UI',"Times New Roman", Times, serif; font-weight:bold; font-size:16px}

#middle_area .j_con{ float:left;width:100%;text-align:left; padding: 0 0 0 0;  font-size:12px; font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif; line-height:18px; color:#333; background:#fff;}

.pg-enh{ width:120px; position:absolute; right:0px; top:5px;}
#middle_area .j_info .in{float:left;display:block; margin: 1px 2px;background: url(../images/font-size.png) no-repeat -7% 0%; width:21px; height:21px; cursor:pointer}
#middle_area .j_info .re{float:left;margin: 1px 2px;background: url(../images/font-size.png) no-repeat 44% 0%; width:20px; height:21px;cursor:pointer}
#middle_area .j_info .de{float:left;margin: 1px 2px;background: url(../images/font-size.png) no-repeat 100% 0%; width:21px; height:21px;cursor:pointer}
#middle_area .j_info .print{float:left;margin: 0 3px; border:1px solid #aaa;width:20px; height:19px; padding:2px 2px 0 1px;cursor:pointer; border-radius:2px;}

#middle_area .j_con .ad a{ text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;} 
#middle_area .j_con div{}
#middle_area .j_con h4{ padding:60px 0 0px 75px !important; line-height:23px; font-size:20px !important; color:#333; border-bottom:0px solid #ccc; background:;  font-weight: 700;}
#middle_area .j_con a{ text-decoration: none !important; color:#003891!important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;}
#middle_area .j_con a:hover { 
    border-bottom: 2px solid #034f59; 
}
#middle_area .j_con .l{text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;}
#middle_area .j_con .f_text{ font-size:16px; line-height:21px; padding-left: 75px; margin-top: 30px; margin-right: 120px; text-align: left; line-height: 1.8; }

#middle_area .j_con .f_text p{ padding:2px 0px; margin-top:4px}
#middle_area .j_con ul{ padding-left:15px}
#middle_area .j_con .f_text  strong{ font-weight:bold !important; margin-bottom: 10px; display: inline-block;  }
#middle_area .j_con ul li{ font-size:16px; list-style-type:none; }
#middle_area .j_con ul li a{  text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;}
#middle_area .j_con ul li a:hover{border-bottom: 2px solid #034f59;}


.breadcrumb{ float:left; width:67%;text-align:left; margin:10px 0 10px 20px ; font-size:16px; font-family:'Segoe UI', Geneva, sans-serif; border-bottom:1px dotted #aaa;padding:3px 0 4px 0; color:#000 !important;}
 .breadcrumb a{ color:#015089 !important;}


#middle_area .j_links{ text-align:left; padding:3px 10px; font-size:16px; line-height:28px; margin:8px 0 10px 0; font-weight:normal}
#middle_area .j_links a{ color:#36B !important; padding:5px 45px 5px 2px; text-align:left !important; 
text-decoration:underline; 
text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;
font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif}

#middle_area .abstd{ font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif; border:#4D4D4D 1px solid; background-color:#E8C695; color:#000; margin:7px 8px; font-size:16px; line-height:20px; padding:2px 3px;}
#middle_area .c_i{ width:95.5%; float:left;background: ; margin:10px 8px 6px 100px; text-align:left; font-size:24px; padding:4px 5px; font-weight:700; color: #333; border-bottom:px solid #aaa; font-family:'Segoe UI',Garamond, "Times New Roman", Times, serif; }
#middle_area .articles{}
#middle_area .j_con .ct{ font-size:16px; line-height:21px; font-weight:bold; color:#000;margin:6px 0; }
#middle_area .j_con .il{ color:#000 !important}

#middle_area .j_con .bg{ display:block; padding:0 0px; }

#middle_area #submission p{ color:red;}
#middle_area .editor_info{margin-top:0px;}
#middle_area .editor_info img{ float:left; padding:5px 12px 2px 2px; width:120px;}
#middle_area .editor_info div{ float:none; width:100%;}
#middle_area .editor_info div .name{ font-size:12px; line-height:23px; color:#8A3802}
#middle_area .editor_info div .des{ font-size:16px;line-height:23px; color:#2E4A6D}
#middle_area .editor_info .hd{ display:block; background:#eee;  border-bottom:1px solid #ddd; padding:3px 3px 3px 0px; margin:8px 0 0 2px}


/* ############## End Design ############# */


/* ############### Journal Issue Design (archive, current) ########### */
.issue{ font-family:Calibri !important;  border:1px solid #fff; color:#6B410B; font-size:13.4px; margin-top:-4px, }

.issue .a_t{border-bottom:1px solid #aaa  !important; font-size:19px; }

.issue div{ margin:10px 0 0 0; line-height:17px}

#middle_area .issue div a{ margin:3px 13px 3px 0; color:#BC6E20 !important; font-size:16px !important; line-height:25px; font-weight:normal}

.issue div strong{color:#005581; font-size:14px}
.issue div em{color:#000; font-family:"Times New Roman", Times, serif}

.abstract{ text-align:left; margin:0px 8px 0 0 !important;}
.abstract em{color:#2B4222}
.abstract .title{color:#333; font-size:24px ; margin-top:20px ; margin-bottom:0px ; line-height:27px; display: inline-block; }
.abstract a{color:#fff}
.abstract .a-author{color:#333; display: inline-block; margin-top:0px ;   }
.d-pdf{ padding-left:23px;background:url(../images/pdf.png) no-repeat left center;}

.arch{ margin:6px 0;}
.arch h3{ background:#FEF5E0 /*url(../images/calendar.png) no-repeat 1% 50%*/ !important; font-size:16px !important; font-family:Garamond, "Times New Roman", Times, serif; color:#025177 !important; padding:4px 2px 4px 10px !important; margin-bottom:5px;}
.arch p{ padding:8px 15px !important; }
.arch a{ color:#11567C !important;font-size:15px; font-weight:bold; font-family:Garamond, "Times New Roman", Times, serif; padding:1px 10px;}

.archive{list-style-position:outside}
.archive li a{margin:0; padding:0}
.archive .l{padding:0 !important} 
.archive li {margin:0; padding:2px 30px}


body .issue_new table{ width:100%; border:0; border-collapse:collapse;}
body .issue_new table tr td{ border:0; border-bottom:1px solid #ccc; padding: 3px 0px 5px 0; line-height:18px}
body .issue_new table tr td .wr{ font-style:italic; font-size:16px; line-height:25px;}
body .issue_new table tr td .title{font-size:16px !important}
body .issue_new table tr .abstract{ padding:0px 10px 0 8px; vertical-align:top}
body .issue_new table tr .pdf{ width:87px; vertical-align:top;padding:0 0 0 3px}
body .issue_new table tr .pdf a, body .issue_new table tr .abstract a{ padding:0; margin:0; font-family:Calibri; font-size:13px; color:#00f !important}
body .issue_new table tr .page{ text-align:center; vertical-align:top}

body .issue_new_ano table{ width:100%; border:0; border-collapse:collapse;}
body .issue_new_ano table tr td{ border:0; padding: 3px 0px 0px 0; line-height:22px}
body .issue_new_ano table tr td .wr{ font-style:italic; font-size:14px; line-height:25px;font-family:"Palatino Linotype", Times, serif}
body .issue_new_ano table tr td .title{font-size:14px !important; font-weight:normal; font-family:"Times New Roman", Times, serif; color:#000 !important}
body .issue_new_ano table tr .links{ font-family:Garamond;border-bottom:1px solid #ccc; padding:0 0 8px 0 !important; font-size:14px !important; }
body .issue_new_ano table tr .links a{ padding:0px 0px 0 0px !important; font-family:Garamond; font-size:14px !important; color:#222 !important; margin:0 !important}

body .issue_new_ano_one table{ width:100%; border:0; border-collapse:collapse;}
body .issue_new_ano_one table tr{}
body .issue_new_ano_one table tr td{ border:0; padding: 0px 0px 0px 0; line-height:8px}
body .issue_new_ano_one table tr td .wr{display:block; font-style:italic; font-size:16px;font-family:'Segoe UI', Geneva, sans-serif; margin:-1px 0 0 0;line-height:22px; color:#000;}
body .issue_new_ano_one table tr td .title{display:block;font-size:16px !important; font-weight:bold; font-family:'Segoe UI', Geneva, sans-serif; color:#333 !important; line-height:20px !important}
body .issue_new_ano_one table tr td .jt{display:block;font-family:'Segoe UI', Geneva, sans-serif; font-size:16px; color:#000}
body .issue_new_ano_one table tr .lks{ font-family:'Segoe UI', Geneva, sans-serif; padding:0px 0 15px 0 !important; font-size:16px !important; }
body .issue_new_ano_one table tr .lks a{ padding:0px 0px 0 0px !important; font-family:'Segoe UI', Geneva, sans-serif; font-size:16px !important; color:#000!important; margin:0 !important; 
text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height:25px;}
body .issue_new_ano_one table tr .lks a:hover{ border-bottom: 2px solid #034f59;}

/* ############### ---- ########### */


#left_side .journals{overflow:hidden;}
#left_side .journals ul{ text-align:left}
#left_side .journals ul li{ padding:3px 0 3px 4px;}
.j_scroller{ padding:0 10px; height:200px; overflow:hidden}
#newface{ position:relative;margin:15px 0 0 0; font-family:Garamond,'Times New Roman', Times, serif !important; background:rgba(255,255,255, .1); padding:0 0 6px 0; height:240px; display:block; z-index:1000}
#nface{ overflow:hidden; position:relative; margin:0 auto;}
#nface div{ position:relative; width:160px; height:210px}
#nface img{ border:5px solid #eee; width:150px;}


#right_side h3{ width:97%;  text-transform:capitalize; font-size:16px; text-align:left;color:#000; font-family:'Segoe UI',"Segoe UI", 'Segoe UI', Garamond, "Times New Roman", Times, serif;  margin:0px 0 0px 0px ; padding:2px 0 2px 8px; border-bottom:1px dotted #555; line-height:20px; /*letter-spacing:.3px; 
background-image: -webkit-linear-gradient(top,#666,#222);
background-image: -moz-linear-gradient(top,#f7f7f7,#eee);
background-image: -ms-linear-gradient(top,#0163ba,#034a89);
background-image: -o-linear-gradient(top,#0163ba,#034a89)*/;}
#right_side h3 a{ color:#034a89}
#related_j{overflow: hidden; position: relative; height:242px !important; margin:4px 0 0 12px;}
#related_j ul{position: absolute; top: 0; left:0px; list-style-type:none; color:#1194a0;  text-align:center}
#related_j ul li{margin: 0 auto; padding:4px 0; height: 300px; border-bottom:1px dotted #aaa; margin:2px 0; vertical-align:middle; }
#related_j ul li a{font-size:14px; text-decoration:none; color:#000; text-align:center}

#right_side{ background:#fff}
.info{ /*border:1px solid #aaa; border-radius:4px;*/ margin:15px 8px 0 8px; background:#fff}
.info h3 a{color:#000 !important}
.info ul{ list-style-type:disc; list-style-position:inside; padding-left:0px;}
.info ul li{padding:7px 0 7px 12px; border-bottom:1px solid #f1f1f1; color:#222; font-size:8px}
.info ul li a{ }

.lnks{ background:#fff;}
.lnks h4{ border-bottom:1px dotted #ccc; line-height:22px}


#sub-content #subcon_two img, #sub-content #subcon_one img{ border:1px solid #aaa; padding:3px; background:#fff; border-radius:3px}
#cpi_left, #cpi_right{ margin:8px 8px;}
#next1,  #next2{ position:absolute; top:50%; z-index:10000;background:url(../images/arrow.png) top left; width:30px; height:43px; font-size:1px; color:#fff;}
 #next2{background:url(../images/arrow.png) top right; width:30px; height:43px; font-size:1px; color:#fff;}
#next1{left:2%;}
#next2{ right:2%}

.best_paper{ width:100%; overflow:hidden; background:#ECF2F7}
.best_paper h3{ padding-left:10px;}
.best_paper ul{ width:100%;list-style-type:disc; padding:2px 5px;}
.best_paper ul li{ padding:3px 8px; color:#999; border-bottom:1px solid #ddd;}
.best_paper ul li:last-child{border-bottom:0;}
.best_paper ul li span{ font-style:italic; font-size:14px; padding:0 8px; color:#444}
.best_paper ul li a{ text-decoration:none; color:#333}

.m_con #wconference{ margin-top:3px;}
.m_con #wconference ul, .m_con #scho ul{ padding:2px 12px; margin-bottom:15px;}
.m_con #wconference ul li, .m_con #scho ul li{text-align:left !important;}
.m_con #wconference  ul li a, .m_con #scho  ul li a, .m_con #scho a{ color:#111 !important;}
#wconference h4{}

.m_con #nav{ position:absolute; bottom:10px; right:10px;width:100%; z-index:1000; text-align:right}
.m_con #nav a { background:#10567C; 
text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1; 
margin: 0 2px; padding: 0 6px; color:#fff !important; font-size:15px; border-radius:3px;  }
.m_con #nav a.hover{ border-bottom: 2px solid #034f59;}
.m_con #nav a.activeSlide { background: #ea0 }
.m_con #nav a:focus { outline: none;}


/* ########## Browse Journal Page ############# */
#browse_subject li:nth-child(even){background:#fff url(../images/dir_r.png) no-repeat 0% 50%;}
#browse_subject{ padding:0 !important; margin:0 !important; width:584px !important; display:block;}
#browse_subject li{position:relative; list-style-type:none;padding:2px 15px; margin:3px 3px;  cursor:pointer; font-size:16px; letter-spacing:.1px; background:#fff url(../images/dir_r.png) no-repeat 0% 50% ;  color:#000; display:inline-block; width:250px !important; font-weight:normal !important;
font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif;}
#browse_subject ul{ }
#browse_subject ul li{ list-style-type:none; background:#fff; padding:3px 0 6px 4px; width:96%; color:#005581; font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif; }
#browse_subject ul li a{ font-size:16px; color:#0D528C; 
text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;}

.dir_r{background-image:url(../images/dir_r.png); background-position:0% 50%; background-repeat:no-repeat}
.dir_d{background-image:url(../images/dir_d.png);background-position:0% 50%; background-repeat:no-repeat}


#browse_fre li:nth-child(even){background: none;}
#browse_fre{ padding:0 !important; margin:0 !important}
#browse_fre li{ list-style-type:none; padding:4px 0px; margin:0px 0; line-height:24px; cursor:pointer; font-size:16px; background:none; font-family:'Segoe UI',"Times New Roman", Times, serif; color:#000; }
#browse_fre ul li{ list-style-type:none; background:#fff; padding:3px 0 2px 5px; margin-top:1px;}
#browse_fre ul li a{ font-size:14.5px; font-family:Garamond,"Times New Roman", Times, serif; font-weight:normal; color:#0D528C !important}

#middle_area .browse_title a{ text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;}
.jblock{ margin:8px 2px; padding:3px 0 6px 0; background:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.btitle{ text-align:left; padding:15px 10px; font-family:Garamond, 'Times New Roman', Times, serif; margin:3px 0; font-size:14.5px}
.btitle .fdiv{width:23%;float:left; padding:6px  0 0 0}
#middle_area .jblock  a{color:#0D528C !important}
#middle_area .jblock .ldiv  a{color:#fff !important}
.btitle .mdiv{width:55%;float:left; padding:0 3px;}
.btitle .mdiv h3{ font-size:15px !important; color:#11568E !important}
.btitle .mdiv p{ font-size:14.5px; padding:1px 0 !important; margin:0 !important; text-align:left !important;}
.btitle .mdiv strong{ line-height:16px; font-size:14px;}

.btitle .ldiv{width:20%;float:left; text-align:center;font-size:14px; line-height:12px; margin-top:4px}
.btitle .ldiv a{ display:block;width:100px !important;font-family:Garamond, 'Times New Roman', Helvetica, serif; font-size:14px; background:#005581; padding:5px 5px; border:#EFCC8F 1px solid; border-radius:4px; box-shadow: 0 1px 1px #aaa; margin:0 4px; color:#fff !important; text-decoration:none !important; }
.btitle .ldiv a:hover{ text-decoration:underline !important}
.clr{ clear:both}
.all-jlists li { font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif;font-size:16px !important}
#middle_area .all-jlists li a{color:#0D528C !important; font-size:16px !important}
.all-jlists #be, .all-jlists #ahss, .all-jlists #st{ background:#eee !important;}


#recaptcha_table .recaptcha_only_if_privacy{ float:none !important; margin-top:-20px !important;}
#recaptcha_table .recaptcha_only_if_privacy a{ font-size:2px !important; }


/* ########## End Browse Journal Page ############# */

.forum_wrap{width:100%;font-family:Garamond,'Times New Roman', Times, serif;  float:left; line-height:24px;}
.forum_wrap .forum_list{margin:6px 0 6px  0; background:#eee; width:100%; float:left; padding-left:4px; border-left:1px solid #E9740A;  }
.forum_wrap .forum_list img{ padding:0px; border-radius:4px; width:120px; margin:0 3px 3px 3px; border:4px solid #fff;}
.forum_wrap .forum_list span{ color:#924A0A; text-transform:capitalize;}
.forum_wrap .forum_list strong{ color:#37566C; text-transform:capitalize;}
#middle_area .fourm a{color:#0D528C !important}
.forums li{ color:#0D4984 !important; list-style-type:disc}
#middle_area .forums li a{ color:#005581 !important}



.pagination{text-align:right;margin:8px; padding:6px;}
#middle_area .pagination a{  padding:0 6px; text-decoration:none !important; display:inline-block; background:#09314C; border-radius:2px; color:#fff !important; font-family:Helvetica, sans-serif; font-size:13px}
.pagination :hover{ background:#ff9900; color:#fff; }
.pagination .current{ padding:3px 6px; background:#ff9900; border-radius:2px; margin:0px 0 0 5px}


.listyle{ list-style-type:decimal}
.listyle li{ padding:6px 0; color:#174615}
.listyle li ol{ padding:0; margin:6px 15px}
.listyle li ol li{ padding:0; margin:0; line-height:17px; color:#222}

.write_research ul{ list-style-type:disc; margin:5px 0 10px 5px}
.steps ol{}
.steps ol li{ padding:5px 0}
.steps a{ text-decoration:underline; color:#0B5079 !important}




/* TR overrides */

#tabs{ margin:8px 0; width:100% !important}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	padding:0 .3em;
	margin:2.3em .2em;
	background: #f5f5f5;
	border:1px solid #bbb
}
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 2px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 2px;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #aaa;
	background: #ddd url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #f5f5f5 url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}


#login{}
#login label{ width:80px; display:inline-block;}
#login .err_mgs{ color:#FF0000}

#register{}
#register label{ width:130px; display:inline-block;}

.errormgs{color: red; font-size:12px; }
#resigter .succ_message{color:#379A29; font-size:12px;}

#follow{ margin-top:10px;}
#footer_menu ul, #follow ul { padding:15px 15px;}

#footer_menu ul li, #follow ul li{ padding:2px 3px;display:inline}
#footer_menu ul li a{font-size:14px; letter-spacing:.5px;}

#footer_address{ text-align:left; line-height:17px; font-family:Garamond; }
#footer_address img{ padding:10px 8px 0 0}
#footer #footer_address .ad{font-size:16px; color:#fff; float:left;line-height:17px}
#footer #footer_address p{ padding:2px 2px; font-size:15px; color:#fff; line-height:17px}

#footer_link{ text-align:left !important; line-height:18px}
#footer_link ul{ display:inline; text-align:left}
#footer_link ul li{ display:inline; margin:0 4px; padding:0 0px; text-align:left}
#footer_link ul li a{ text-decoration:underline; font-size:14px; color:#fff; font-weight:normal;  font-family:Garamond; letter-spacing:.2px; text-align:left;}
#footer_link ul li a:hover{ text-decoration:underline;}
#copyright{ font-size:16px; color:#fff; font-family:'Segoe UI', Garamond, "Times New Roman", Times, serif; line-height:22px}





/* ====== Header Start  ====== */
/* ====== Header Start  ====== */
 /* ====== Header Start  ====== */


/* ====== RESET ====== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', sans-serif;
}


/*


  body {
    padding-top: 62px;
}


*/





/* ====== TOP NAVBAR ====== */
/* ====== TOP NAVBAR ====== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100; /* Ensure it stays above other content */
    background: #fff;
    border-bottom: 2px solid #034f59;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 6%;

}

.logo {
    display: flex;
    align-items: center;
    color: #034f59;
    text-decoration: none;
}

.brpi-logo-img {
    height: 30px;
    width: auto;
    margin-right: 8px;
    margin-bottom: -4px;
}

.logo span {
  font-weight: 700;
  font-size: 30px; 
  color: #034f59;
  letter-spacing: 0.3px;
  font-family: Segoe UI, sans-serif;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 15px; /* Proti ti item er gap */
}

.nav-links a {
    text-decoration: none; /* Default underline muche fela holo */
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    display: inline-block; /* Padding ebong border thikmoto kaj korar jonno */
    padding-bottom: 2px;   /* Likha theke underline-er dhorotto */
    border-bottom: 2px solid transparent; /* Age theke jayga dhore rakhar jonno */
  
}

.nav-links a:hover {
    text-decoration: none; /* Hover korle jeno extra underline na ashe */
    color: #034f59;
    border-bottom: 2px solid #034f59; /* Underline-er thickness ebong color */
}




/* --- New Button Style for 'Submit Now' --- */


.nav-button-submit {
    background-color: #034F59; /* Matching dark teal */
    color: #ffffff !important;
    text-decoration: none!important;
    padding: 4px 20px   6px 20px!important;
    border-radius: 4px;
    font-size: 16px; 
    font-weight: 600!important; /* Making it bold */
    margin-left:10px;
    
}

.nav-button-submit:hover {
    background-color: #1A6874; /* Hover Colour */
    border-color: #1A6874;
    text-decoration: none!important;
}

/* ------------------------------------------------------------- */


/* Auth Group (Login/Register) Style */
.auth-group {
    display: flex;
    align-items: center;
    margin-left: 40px;
    margin-right: -20px;
}

.nav-register, .nav-login {
    color: #EE0000 !important; /* Blue6 color er sathe match kore */
    font-size: 15px;
    font-weight: 600;
}

.nav-divider {
    margin: 0px 8px;
    color: #cccccc;
    font-weight: normal;
}


/* ------------------------------------- */
        /* --- DROPDOWN AND ARROW CSS START --- */
        /* ------------------------------------- */
        
        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown a {
            padding: 5px 0;
            cursor: pointer;
            display: flex; 
            align-items: center;
        }
        
        /* CSS for the modern arrow icon */
        
        
        
        .dropdown-arrow {
            display: inline-block;
            width: 0;
            height: 0;
            /* Creates the triangle shape (downward arrow) */
            border-left: 0px solid transparent; 
            border-right: 0px solid transparent; 
            border-top: 5px solid #fff; 
            
            /* Spacing and transition */
            margin-left: 0px; 
            transition: transform 0.3s ease; 
            transform-origin: center center;
        }

        /* Rotates the arrow up when the link has the 'active' class (meaning dropdown is open) */
        .dropdown a.active .dropdown-arrow {
            transform: rotate(180deg);
        }

        .dropdown-content {
            display: none; 
            position: absolute;
            background-color: #034F59;
            min-width: 250px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            padding: 10px 0;
            border-radius: 4px;
            top: 100%; 
            left: 50%;
            transform: translateX(-50%); 
        }

        .dropdown-content a {
            color: white;
            padding: 8px 16px;
            text-decoration: none;
            display: block;
            font-size:14px;
        }

        .dropdown-content a:hover {
            background-color: #1A6874;
            color:white;
        }

        /* The class toggled by JavaScript to show the dropdown */
        .dropdown-content.show {
            display: block;
        }
        
        /* ----------------------------------- */
        /* --- DROPDOWN AND ARROW CSS END --- */
        /* ----------------------------------- */






/* ====== Header End  ====== */

/* ====== Header End  ====== */

/* ====== JOURNAL TITLE SECTION ====== */
/* ====== JOURNAL TITLE SECTION ====== */
.journal-header {
    background: #D5D2CE;
    padding-top: 110px;
    padding-bottom: 20px;
    padding-right: 6%;
    padding-left: 6%;
    /* Added Flexbox properties for horizontal alignment */
    display: flex; 
    justify-content: space-between; /* Pushes content and menu to opposite ends */
    align-items: flex-start; /* Aligns items to the top (adjust if needed) */
}


.journal-header a {
    text-decoration: none; /* Underline remove korar jonno */
    color: #034f59; /* Dark gray color, ja background (#D5D2CE) er sathe bhalo fute uthbe */
    font-weight: 500;
    
}

/* Mouse hover korle ki hobe */
.journal-header a:hover {
    color: #034f59; /* Hover korle color kuthit hoye jabe */
    text-decoration: none; /* Ichhe korle hover e underline rakhte paren */
}



/* New CSS for the menu on the right */
.journal-menu a, .journal-menu span {
    font-size: 15px; /* Using px as per your request */
    font-family: 'Century Gothic';
    font-weight: 700;
    color: #034F59;
    text-decoration: none !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    line-height: 1;
}

.journal-menu a:hover {
   border-bottom: 2px solid #034f59;
}

.journal-header h1 {
    font-size: 30px;
    font-family: 'Century Gothic';
    font-weight: 700;
    color: #034f59;
    margin-bottom: 12px;
    letter-spacing: 0.2px;
}

.journal-header p {
    color: #034f59;
    font-size: 20px;
    font-family: 'Century Gothic';
    font-weight: 700;
    letter-spacing: 0.2px;
}



/* ====== Header End  ====== */
 
 
 
 
 
 /* ====== FOOTER Start ====== */



.footer {
    background-color: #fff ;
    color:#333;
    padding-top: 80px ;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif ;
     border-top: 1px solid #034f59 ;
}

.footer .footer-inner-container {
    width: 92% ;
    min-width: 1280px ;
    margin: 0 0 0 65px;
    padding: 0 15px ;
}

.footer-top-section {
 
    border-bottom: 1px solid #034f59 ;
    padding-bottom: 30px ;
    margin-bottom: 30px ;
}

.footer-top-section .footer-inner-container {
    display: flex ;
    justify-content: space-between ;
    align-items: flex-start ;
    flex-wrap: wrap ;
    gap: 12px ;
}



/* LEFT SIDE: Address/Info Section */
.footer-col.footer-info {
    flex: 1;
    padding-right: 30px; 
    position: relative; /* Element-ke relative kora hoyeche jate border-ke position kora jay */
}

/* Border-er bodole pseudo-element use kora hoyeche */
.footer-col.footer-info::after {
    content: "";
    position: absolute;
    right: 0;           /* Ekebare bame (ba daine) thakbe */
    top: 7px;          /* Ekhane tumi joto pixel dibe, border toto niche nambe */
    height: 100%;        /* Border-ti koto boro hobe (pura height na diye ektu kom deya hoyeche) */
    width: 1px;         /* Border-er thickness */
    background-color: #999; /* Border-er color */
}

/* Styling for the Right-Side Links Wrapper */
.footer-links-wrapper {
   
    flex: 2; 
    padding-left: 40px; 
    min-width: 850px; 
}

/* Horizontal Rule (hr tag is removed. Vertical line is handled by .footer-col.footer-info border-right) */
.footer-links-wrapper .footer-separator {
    display: none; 
}

/* Container for the 3 Link Columns */
.footer-links-columns {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

/* Styling for the individual link columns */
.footer-links-columns .link-col {

    flex: 1; 
}

/* Link Column Heading Styles */
.footer-links-columns h4 {
    margin-top: 0;
    font-size: 16px;
    color: #333;
    margin-top: 8px;
    margin-bottom: 8px;
}



/* List/Link Styles */
.footer-links-columns ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links-columns ul li {
    margin-bottom: 8px;
}

.footer-links-columns ul li a {
    text-decoration: none !important; /* Default underline bondho */
    color: #333;
    font-size: 16px;
    line-height: 1;
    display: inline-block; /* Eita block thakle underline puro line jure hobe, tai inline-block kora holo */
    padding-bottom: 2px;   /* Likha theke underline-er gap */
    border-bottom: 2px solid transparent; /* Age theke invisible border */
}

/* Hover effect for links */
.footer-links-columns ul li a:hover {
    text-decoration: none !important;
    color: #034f59;
    border-bottom: 2px solid #034f59; /* Mota underline */
}




/* --- Media Query for Mobile/Tablet Layout (Responsive Design) --- */
@media (max-width: 992px) {
    .footer-top-section .footer-inner-container {
    
        flex-direction: column;
    }
    
    .footer-col.footer-info, 
    .footer-links-wrapper {
        min-width: 100%;
        margin-bottom: 30px; 
       
        border-right: none;
        padding-right: 0;
        padding-left: 0;
    }

    .footer-links-columns {
        
        flex-direction: column;
        gap: 10px;
    }
}

.footer-col {
    flex: 1 ;
    min-width: 305px ;
}

.footer-info .logo {
    height: 30px ;  
    width: auto ;
    margin-bottom: 15px ;
}

.footer-info p {
    margin: 0 ;
    font-size: 16px ;
    color: #333 ;
    line-height: 1.6 ;
}



.footer-bottom-section {
    padding-bottom: 30px;
    width: 100%;
}

.footer-bottom-section .footer-inner-container {
    display: flex;
    justify-content: center; 
    align-items: center;
    text-align: center;
}

.footer-copyright-links {
    display: flex;
    flex-direction: column; /* কপিরাইট টেক্সট উপরে এবং লিংক নিচে রাখার জন্য */
    align-items: center;
    gap: 10px; /* টেক্সট এবং লিংকের মাঝখানের দূরত্ব */
}

.footer-copyright-links p {
    margin: 0;
    font-size: 14px; /* px ব্যবহার করা হয়েছে */
    color: #333;
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; /* ছোট স্ক্রিনে ভেঙে নিচে যাওয়ার জন্য */
}

.footer-links a {
    color: #333;
    text-decoration: underline;
    font-size: 14px; /* px ব্যবহার করা হয়েছে */
}

.footer-links a:hover {
    color: #333;
}

.footer-separator {
    color: #333;
    font-size: 14px; /* px ব্যবহার করা হয়েছে */
    padding: 0 10px; /* দাগের ডানে-বামে ১০ পিক্সেল করে গ্যাপ */
    user-select: none; /* যাতে দাগটি টেক্সট হিসেবে সিলেক্ট না হয় */
}

@media (max-width: 768px) {
    .footer-top-section .footer-inner-container,
    .footer-bottom-section .footer-inner-container {
        flex-direction: column ;
        align-items: center ;
        text-align: center ;
    }
    
    .footer-col {
        min-width: 100% ;
        text-align: center ;
    }

    .footer-subscribe {
        text-align: center ;
    }
    .subscribe-form {
        justify-content: center ;
    }
    .footer-copyright-links {
        flex-direction: column ;
        gap: 10px ;
    }
    .footer-links a {
        margin: 0 5px ;
    }
}



/* ====== FOOTER End ====== */



/* ====== Pre FOOTER Start ====== */  
 

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

       
        .pre-footer-cta {
            background-color: #034f59;
            padding: 50px 0;
           /* border-top: 2px solid #034f59; */
            margin-top: 60px; 
            text-align: center;
        }

        .pre-footer-cta .container {
            display: flex;
            flex-wrap: wrap; 
            justify-content: center;
            align-items: center; 
        }

        .cta-col {
            flex: 1; 
            min-width: 250px;
            padding: 10px 0;
        }
        
       
        .cta-editorial {
            border-right: 1px solid #fff; 
            padding-right: 40px; 
        }

        .cta-reviewer {
            padding-left: 40px; 
        }

       
        .cta-button {
            display: inline-block;
            text-decoration: none;
            text-align: center;
            padding: 15px 30px;
            border-radius: 4px;
            font-weight: 0;
            font-size: 1.1rem;
            min-width: 200px;
            transition: background-color 0.3s, transform 0.2s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            white-space: nowrap;
            border: 1px solid white;
        }

        .button-editorial {
           
            background-color:0 ; 
            color: #fff;
        }
        
        .button-editorial:hover{
            background-color: white; 
            color: #034f59;
            transform: translateY(-2px);
        }

        .button-reviewer {
           
            background-color:0 ; 
            color: #fff; 
        }

        .button-reviewer:hover{
            background-color: white; 
            color: #034f59;
            transform: translateY(-2px);
        }

     
        @media (max-width: 650px) {
            .pre-footer-cta .container {
                flex-direction: column; 
            }

            .cta-col {
                min-width: 100%;
                margin-bottom: 20px;
                border-right: none; 
                padding-right: 0; 
                padding-left: 0;
                
            }
            
            .cta-editorial {
                border-bottom: 1px solid #ccc;
                padding-bottom: 30px;
                
            }

            .cta-reviewer {
                padding-top: 30px;
                padding-left: 0; 
            }

            .cta-button {
                width: 80%;
                margin: 0 auto;
            }
        }
        
   
 /* ====== Pre FOOTER End ====== */  
 
 
 
 
 /* ====== 2ND Pre FOOTER Start ====== */      
    

 
    
/* -----------------------------------------------------
  Stay Updated with The BRPI
 * ----------------------------------------------------- */
.pre-footer-updated {
 
    background-color: #a0d4e6; 
    padding: 50px 0; 
    color: black; 
    text-align: center;
    margin-top: 0px; 
    font-size: 1rem;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}


.pre-footer-updated .footer-inner-container {
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20%; 
    
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    /* ***************************** */
}


.pre-footer-updated .update-heading {
  
    font-size: 24px;
    font-weight: bold;
    color: black; 
    margin: 0;
    line-height: 1.3;
}


.pre-footer-updated .subscribe-form-container {
    display: flex;
    gap: 10px;
    align-items: center;
}


.email-input {
    padding: 10px 15px;
    border: none;
    border-radius: 4px; 
    font-size: 0.9em;
    width: 200px; 
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

.subscribe-btn {
    background-color: #034f59; 
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.subscribe-btn:hover {
    background-color: #1a6874;
}


@media (max-width: 650px) {
    .pre-footer-updated .footer-inner-container {
        flex-direction: column; 
        text-align: center;
    }

    .pre-footer-updated .update-heading {
        margin-bottom: 20px;
        font-size: 20px;
    }
    
    .pre-footer-updated .subscribe-form-container {
        flex-direction: column;
        width: 100%;
    }
    
    .email-input {
        width: 80%;
        max-width: none;
    }
    
    .subscribe-btn {
        width: 80%;
    }
}






/* Gray box style */
.journal-gray-box {
    display: none; /* Prothome hide thakbe */
    background-color: #034f59; /* Gray color */
    padding: 20px;
    text-align: center!important;
    border-radius: 0px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #034f59;
    transform: translateY(50px);
}

.journal-title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-right:60px;
}

.journal-issn {
    font-size: 16px;
    color: #fff;
    
}

/* Button hide hoye gele jeno box-ta ashe */
.show-info-box {
    display: block !important;
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}




/* ====== FOOTER 3 columns Gap controller strat  ====== */
/* ====== FOOTER 3 columns Gap controller strat  ====== */

/* Container for the 3 Link Columns */
.footer-links-columns {
    display: flex;
    justify-content: flex-start; /* Space-between soriye flex-start kora holo */
    gap: 0; /* Default gap 0 kore deya holo jate margin diye control kora jay */
}

/* Styling for the individual link columns */
.footer-links-columns .link-col {
    flex: 1; 
}

/* Column 1 ebong Column 2 er moddhe 30px gap */
.footer-links-columns .link-col:nth-child(1) {
    margin-right: -50px;
}

/* Column 2 ebong Column 3 er moddhe 10px gap */
.footer-links-columns .link-col:nth-child(2) {
    margin-right: 20px;
}

/* Column 3 er jonno kono margin dorkar nei */
.footer-links-columns .link-col:nth-child(3) {
    margin-right: 0;
}

/* ====== FOOTER 3 columns Gap controller End  ====== */
/* ====== FOOTER 3 columns Gap controller End  ====== */







        
        
 /* ====== 2ND Pre FOOTER End ====== */  
 /* ====== 2ND Pre FOOTER End ====== */  
 

        


 
/*
 * ====== NEW RIGHT SIDEBAR CONTENT STYLES (Image Design) ======
*/

/* Right sidebar WRAPPER - NO BOX STYLE */
.right-sidebar {
    /* Layout */
   
    top: 20px;
    /* Adjusted from 27% to 29% for better fit */
   

    /* ***** FINAL FIX: REMOVED ALL BOX STYLING ***** */
    background: none; 
    padding: 0;      
    border: none; 
    border-radius: 0;

    /* Content baseline styles */
    line-height: 1.8;
    margin-top:15px;
}



/* --- Submit Article Button --- */
.submit-article-btn {
    display: block;
    padding: 8px 15px;
    margin-bottom: 30px;
    margin-top: 60px;
    background-color: #034f59; /* Blue color */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600 ;
    border: 1px solid #3660a5;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.submit-article-btn:hover {
    background-color: #1a6874;
}

/* --- Headings for Information/Indexing/Join --- */
.sidebar-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #333;
}


/* --- Simple Links (ISSN, Join BRPI, etc.) --- */
/* --- Simple Links (ISSN, Join BRPI, etc.) --- */
.sidebar-links {
    list-style: none;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 15px;
    
}

/* Styling the custom separator line (DAG) for list links (Editorial Board | Reviewers) */
.sidebar-links .separator {
    display: inline-block;
    height: 12px; 
    width: 1px;
    background: #333; 
    margin: 0 5px; 
    vertical-align: middle; 
}

.sidebar-links li {
    margin-bottom: 0px;
    font-size: 16px;
    text-decoration: none;
}

.sidebar-links a {
    color: #333;
    text-decoration: none !important;
    font-size: 15px !important;
    font-family: 'Segoe UI', sans-serif !important;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}



.sidebar-links a:hover {
    border-bottom: 2px solid #333 !important;
}

/* --- Inline Links (Information, Indexing) --- */
.sidebar-info-links {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 0px; 
    line-height: 1.5; /* Keeps lines centered */
    text-decoration: none;
}

.sidebar-info-links a {
    color: #333;
    text-decoration: none;
}

.sidebar-info-links a:hover {
    text-decoration: none;
}


/* Styling the custom separator line (DAG) for inline links */
.sidebar-info-links .separator {
    display: inline-block;
    height: 12px; 
    width: 1px;
    background: #333; 
    margin: 0 10px; 
    vertical-align: middle; 
}





/* ====== RESPONSIVE (Keep as is) ====== */
@media screen and (max-width: 900px) {
  .page-container {
    flex-direction: column;
    gap: 0;
  }
  .main-content,
  .right-sidebar {
    width: 100%;
    position: relative;
    top: 0;
    
  }
}




/* ====== BODY AND RIGHT SIDEBAR LAYOUT (Crucial Flexbox) END  ====== */



/* ====== Submit article button fixed start  ====== */

.fixed-submit-btn {
    position: fixed;
    bottom: 20px; 
    right: 50px; 
    z-index: 1000; 

    transition: opacity 0.3s, transform 0.3s;
    box-shadow: 0px 10px 30px 2px rgba(0, 0, 0, 0.6);
}

/* ====== Submit article button fixed end  ====== */



/* ====== Content Height Issue fix  ====== */
/* === FIX 2: Footer overlap and layout correction === */

/* Make sure the main content wraps all floated children */
#content {
    width: 100%;
    float: none;
    overflow: hidden;  /* Ensures floats are contained */
    height: auto !important;
    margin: 0 auto;
    padding: 0 8px;
}



/* Force footer to stay below the floated sidebars */
#footer {
    clear: both !important;
    float: none !important;
    position: relative !important;
    z-index: 99;
    width: 100%;
    margin-top: 0;
    padding-top: 20px;
}

/* Optional: ensure #main-wrap auto adjusts */
#main-wrap {
    overflow: hidden;
}



/* ====== Content Height Issue fix  ====== */


:target {
    scroll-margin-top: 110px!important;
}