.nodisplay {
  display: none !important;
}
.hidden  {
  display: none;
}
.displaytablerow  {
  display: table-row;
}
.topnav-right {
	float: right;
	margin-right: 15px;

}

.normalbutton {
	background-color: #F9F9F9;
	color: #000;
	margin: 4px;
	padding: 5px 7px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 1px 1px 3px #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
}
button[type=submit]  {
	margin: 4px;
	cursor: pointer;	
}

input[type=submit],.submitbutton,.whitesubmit  {
	margin: 4px;
	padding: 11px 19px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 2px 2px 5px #ccc;
	font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-style: normal; 
	text-decoration : none;
}
input[type=submit],.submitbutton   {
	background-color: #1574B3 !important;
	color: white !important;
}
.whitesubmit   {
	background-color: white;
	color: black;
}
input[type=submit]:hover,.submitbutton:hover,.whitesubmit:hover {
	color: white !important;
	background-color: #004080 !important;
}

.grey, input.grey{
	color: white !important;
	background-color: #9F9F9F !important;
}

input[type=text],input[type=password],input[type=file], select, textarea {
 margin: 2px;
 padding: 3px;
  border: 1px solid #ccc;
  border-radius: 3px;
  resize: vertical;
  max-width: 100%;
}
textarea {
 margin: 2px;
 box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.formfield {
	background-image: url(/ms/images/bg_input.jpg);
	background-repeat: repeat-y;

}
.formarea {
	background-image: linear-gradient(to right, #AAF2EB, white, white, white, white, white, white, white, white, white, white);

}

.impactfactor {
	text-align: center;font-family: Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
		

}
.impactfactorNew {
	text-align: center;

	border: 2px dotted #73A0B7;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	display: inline-block;
	font-family: Verdana, Geneva, sans-serif;
	
}
.impactHead{
	font-size: 16px;
	font-weight: bold;
	color: #9F6066;
}
.impactLabel{
	font-size: 11px;
	
}
.imgshadow {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	box-shadow: 3px 3px 4px #B3B3B3;
}

.divshadow {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 3px #ccc;
	margin: 4px 0px;
	padding: 3px;

}

.divnote {
	overflow: auto;
	border: 1px solid #ccc;
	border-radius: 4px;
  	margin: 5px 0px;
	padding: 3px;

}

.boxshadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* click images in toc, disi, disp*/
.toc_newfig { 
border: none; background: none; 
margin: 2px;
padding: 0;
float:right;
	cursor: zoom-in;
}

.toc_newfig:active, .toc_newfig:focus
{
float:none;
cursor: default;

display: block;
     margin-left: auto;
outline: none;
}
.toc_newfig img
{
  	width: 310px;

}
.toc_newfig:active img, .toc_newfig:focus img
{
  	width:auto;
max-width: 100%; 
height:auto;

}
/* new click switch*/
.clickfig,.clickfig1,.dispnewfig,.clickfig_max,.disicover,.disicover1,.archiveimage,.archiveimage1 {
	border: 1px solid #a9a9a9;
	padding: 0px;
	box-shadow: 3px 3px 4px #B3B3B3;
	margin: 3px; /* need right margin 5 px, since right shadow of the image */
}

.coverfig {
	cursor: zoom-in; 
	width: 160px;
	height: 225px;
	max-width:99%; 
	
	padding: 0px;
	margin: 3px;
}
.coverfig img{
	height: auto;
  width: 100%;
  	border: 1px solid #a9a9a9;
	box-shadow: 3px 3px 4px #B3B3B3;

}

.archiveimage {
	cursor: zoom-in; 
	width: 160px;
	max-width:99%; 
}

.archiveimage1 {
	cursor: zoom-out; 
	width:450px;
	height:auto;
	float:none;
	max-width: 99%; 
	display: block;
	 outline: none;
}

.archive_div {
display: grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap: 10px;
text-align:center;
}
@media screen and (max-width: 500px) {
.archive_div {
display: grid;
grid-template-columns:1fr 1fr;
column-gap: 5px;
text-align:center;
}
}
.disicover {
	cursor: zoom-in; 
	float:right;
	width: 160px;
	max-width:99%; 
}


.disicover1 {
	cursor: zoom-out; 
	width:310px;
	height:auto;
	float:none;
	max-width: 99%; 
	display: block;
     margin-left: auto;
	 outline: none;
}



.clickfig {
	cursor: zoom-in; 
	float:right;
	width: 350px;
	max-width:99%; 

}

.clickfig1 {
	cursor: zoom-out; 
	width:auto;
	height:auto;
	float:none;
	max-width: 99%; 
	display: block;
	margin-left: auto;
}

.dispnewfig {
	cursor: zoom-in; 
	max-width: 210px;
}

.clickfig_max {
	cursor: zoom-out; 
	width:auto;
	height:auto;
	float:none;
	max-width: 99%; /* need 1% for right margin due to shadow of the image */
	display: block;

}

/* End click images in toc, disi, disp*/



img.disfig {
	width: 180px;
}
img.disfig:hover,
img.disfig:focus {
	width: auto;
max-width:98%; 
height:auto;
}


.imgframe {
	background-color: #F2FCFD;
	border: 1px solid #B3B3B3;
	padding: 1px;
}


div.img-paper {
	background: url('/ms/images/shadow.gif') no-repeat bottom right;
	margin: 10px 5px;
	width:220px;
	padding: 0;
	position: relative;
}

div.img-paper img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
		width:210px;
}
div.img-shadow {
	background: url('/ms/images/shadow.gif') no-repeat bottom right;
	float: left;
	margin: 10px 5px;
	padding: 0;
	position: relative;
}

div.img-shadow img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
	display: block;
}
div.img-right {
	float: right;
	padding: 0;
	margin: 10px 5px;
	padding: 0;
	position: relative;
}

div.img-right img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	box-shadow: 3px 3px 4px #B3B3B3;
}

div.hr {
	height: 10px;
	background: url(/ms/images/bg_hr.gif) repeat-x center;
	clear:right;
}
div.hr hr {
	display: none;
}
.imageLeft, .imageleft {
	float:left;
 
}
.imageRight, .imageright {
	float:right;
 
}
.imagecenter, .imagecenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.textright {
	text-align:right; 
}

.textcenter {
	text-align:center; 
}

.divcenter{
	display: flex;  
	justify-content: center;  
	align-items: center;
	flex-direction: column; 
	text-align:center;
}
.pagecenter{
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.tableframe {
	border: none;
}
.tableframe td {
	padding:6px;
}

.tablespace {
	border: none;
}
.tablespace td {
	padding:6px;
}

.vcenter{
vertical-align:middle; 
}
.imagecontainer {
	background:url(/ms/images/shadow.png) no-repeat bottom right !important;
	padding:0;
}
.middlebox {
	position:relative;
	bottom:6px;
	right:6px;
	border:1px solid #999;
	margin:0;
	padding:4px;
}
.middlebox p {
	font-size:14px;
	margin:3px;
}

h1,.heading1 { font-family: "Trebuchet MS", sans-serif; font-size : 20px; font-weight : bold; text-decoration : none;  color : #006699; }
.heading1a { font-family: Verdana, Geneva, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; }
h2,.heading2 { font-family: "Trebuchet MS", sans-serif; font-size : 16px; font-weight : bold; text-decoration : none;  color : #006699;}
h3,.heading3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #27434B;
}
h4,.heading4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
.abstract, .abstract p, .abstract li, .abstract th, .abstract td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 2px;
}
.issueHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
.text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px
}
.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal
}

.menu {  font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; color: #CC6633; font-variant: normal}
.menu:hover {  font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; color: #339999; font-variant: normal}

.smallbold {  font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #000000; font-variant: normal}
.mainheading {  font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; color: #FFFFFF}
.index {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #6600CC}
.reference {  font-family: "Arial", Helvetica, sans-serif; font-size: 13px; color: #003399}
.index1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-decoration: none; color: #6600CC}
body, p, input, textarea,select,th, td, li, .text1 {  font-family: Verdana, Geneva, sans-serif; font-size: 13px}

.textlink {
	text-decoration: none;
	color: #7D6202;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;

}
.textlink:hover {
	text-decoration: underline;
	color: #0B1515;
}

.textlinkgrey {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	color: #4E4E4E
}
.textkey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	text-decoration: none;
	color: #969696
}
.textkey a, .textkey a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	text-decoration: none;
	color: #969696
}

.tocheading { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-style: normal; font-weight: bold }
.smallwhite {
	color: #FFFFFF;
	font-size: 10px;
}





.title { font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; line-height: normal  }
.author {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: normal
}
.ivytablebox {
	background-color: #EAF2F4;
	border: 1px solid #94E2FC;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 3px;
	Overflow: auto;
}

.ivytablemenu {
	background-color: #FCF9E2;
	border: 1px solid #C0C0C0;
	padding: 1px;
	height: auto;
	width: auto;
	margin: 1px;
	color: #6F6F6F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.ivytablemenu a {
	text-decoration: none;
	color: #1C586F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.ivytablemenu a:hover {
	text-decoration: underline;
	color: #B08535;
}
.ivytablegen {
	background-color: #E9F9FE;
	border: 1px solid #E0BFFB;
	height: auto;
	width: auto;
	padding: 3px;
	margin: 3px;
}

.ivytablelight {
	background-color: #FFFFFF;
	border: 1px solid #E9E9E9;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 12px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	margin: 16px;
	clear:both;
}


.ivytablelight td {
	background-color: #F5F5F5;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EBECED;
	border-right-color: #AFB5B8;
	border-bottom-color: #AFB5B8;
	border-left-color: #EBECED;
}

.ivytablelight th {
	background: #5b7499;
	color: #ffffff;
	padding:4px;
	border: 1px solid #205473;
}


.ivytablelight th a:link {
	color: #ffffff;
	text-decoration: underline;
}

.divbox {
	border: 1px solid #9FBFCE;
	margin: 2px;
	padding: 4px;
}

.divboxround{
	margin: 4px;
  padding: 6px;
	border: 1px solid #E9E9E9;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 12px 0 rgba(0, 0, 0, 0.19);
	border-radius: 6px;
}

.divbox1 {
	border: 1px solid #b5cdd9;
	margin: 3px;
	padding: 3px;
	background-position: 1px 1px;
	height: auto;
	background-color: #FFF9FF;
}

.divboxhead {
	background-image: url(/ms/images/bg_divhead.gif);
	background-repeat: repeat-x;
	background-position: 2px bottom;
	border-bottom-color: #b5cdd9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.divboxbg {
	border: 1px solid #b5cdd9;
	background-image: url(/ms/images/bg_divhead.gif);
	background-repeat: repeat-x;
	background-position: 2px bottom;
	padding: 3px;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 2px;
	text-align: center;
}
.divboxright {
	border: 1px solid #b5cdd9;
	margin: 3px;
	padding: 3px;
	background-position: 1px 1px;
	float: right;
	height: auto;
	width: auto;
	background-color: #FFF8F4;
}
.divboxright1 {
margin:6px;border: 1px solid #B6CBC9;padding:3px; 
	
}




.boxhead {

	background-image: url(/ms/images/bg_divhead.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;

}

.contentboxright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	float: right;
	height: auto;
	width: 37%;
	background-color: #FFFFFF;
	border: 1px solid #B6CBC9;
}

.contentboxright h3,.contentboxright p,.contentboxright li{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.contentboxright div, .contentboxright h3{
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C1C1C1;
	border-bottom-color: #C1C1C1;
	border-left-color: #FFFDEA;
	border-top-color: #FFFDEA;
	background-color: #F2F4F4;
}


.contentboxright h3{
	background-color: #F0F0FF;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	font-variant: normal;
}

.divboxpurple {
	border: 1px solid #b5cdd9;
	margin: 0;
	padding: 2px;
	background-color: #F0F0FF;
	text-align: center;
}
.divboxlightpurple {
	border: 1px solid #B6CBC9;
	margin: 0;
	padding: 3px;
	background-color: #F7F9F9;
}
.hrbluedot {
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.nice {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.light {
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.clear {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

	clear:right
}

.fn
{
	color: #116062;
	font-size: smaller;
	vertical-align: super;
}

.formerror {
	border: 1px solid #730216 !important;
	background-color: #FFF7E1 !important;
}
.error {
	color: #AC0000;
	font-style: italic;

}
.redfont {
	color: red;
}
.success {
	color: #008040;

}
.attention {
	color: #493AD1;
}

.attention_bg {
	color: #3D2EC5;
	background-color: #F9ECC1;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19); 
		font-size: 130%;

}
.warning {
	color: red;
	font-size: larger;
}
.tdshade {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFF;
 	text-align: center;
}
.tdshade td{
	background-color: #DCEDF1;
 	text-align: center;
}

.tdshade strong{
	text-decoration: none;
	padding: 7px 7px 7px 7px;
	display: block;

}

.tdshade a{
	text-decoration: none;
	padding: 7px 7px 7px 7px;
	display: block;

}


.tdshade a:hover {
	color: #FFFFFF !important;
	background-color: #3E8099;
}

.mylink{
	text-decoration: none;
	cursor: pointer;
	color: #00254A;
}
.mylink:hover {
	text-decoration: underline;
	color:#C29638 !important;
}
.linkSameColor{
	text-decoration: none;
	cursor: pointer;
	color: inherit !important;
}
.linkSameColor:hover{
	color: #C29638 !important;
}


.bigtextbutton {
	border: 1px solid #b5cdd9;
	border-radius: 5px;
	padding: 9px 15px;
	background-color: #EDF5FE;
	margin: 5px;
	text-decoration: none;
    display: inline-block;

	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;

}

.textbutton{
	border: 1px solid #b5cdd9;
	border-radius: 6px;
	padding: 5px 8px;
	margin: 3px;
	text-decoration: none;
    display: inline-block;
	background-color: #EDF5FE;
	
	font-family: Verdana, Geneva, sans-serif;

	font-style: normal;
}
.textbutton a,.bigtextbutton a{
	text-decoration: none;
	color: #315eb5;
}
.textbutton:hover,.bigtextbutton:hover {
	color: #1B3565 !important;
	border: 1px solid #37A4C8;
	background-color: #FFFBF0;
}


.whitebutton {
	background-color: #ffffff;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	padding: 5px 8px;
	margin: 3px;
	text-decoration: none;
	display: inline-block;
	color: #5C5C5C !important;

}
.whitebutton:visited {
	text-decoration: none;
	color: #5C5C5C !important;
}
.whitebutton:hover {
	color: #1B3565 !important;
	border: 1px solid #37A4C8;
	background-color: #FFFBF0;
}
.whitebutton:active {
	background-color: #e9e9e9;
}

div.scroll {
	overflow: auto;
	border: 1px solid #B4B4B4;
	background-color: #F3F3F3;
	max-height: 150px;
	margin: 2px;
	padding: 4px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	border-radius: 5px;
}

.vlistshow{
	background-color: #FFFFFF;
}

.vlistshow h1{
	font: bold 13px Verdana;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 25px; /*31px is left indentation of header text*/
	background-color: #F2F2F2;
}

.vlistshow ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.vlistshow ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font: normal 12px Verdana;

}

.vlistshow ul li a{
	font: normal 12px Verdana;
	color: black;
	display: block;
	padding: 3px 0;
	line-height: 15px;
	text-decoration: none;
	padding-left: 4px; /*link text is indented 8px*/
	background-color: #F4F4F4;
}

.vlistshow ul li a:visited{
	color: #234752;
}

.vlistshow ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #E1EBF7;
}

.vlistshow li.selected a{ /*hover state CSS*/
	color: black;
	background-color: #F8EBB6;
}


.ilist {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.ilist li{
	padding-left: 15px; /*link text is indented 8px*/
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-image: url(/ms/images/caret_double.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}



div#sticker {
	border: 1px solid #b5cdd9;
	background-image: url(/ms/images/bg_divhead.gif);
	background-repeat: repeat-x;
	background-position: 2px bottom;
	padding: 10px;
	background-color: #FAFAFA;
	width: 130px;
	text-decoration: none;
	color: #7D6202;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2px;
	}
	
div#sticker a {
	text-decoration: none;
	color: #0F2F2C;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3A7185;
	font-family: Verdana, Geneva, sans-serif;
}

div#sticker a:hover{
	color: #EA9C0D;
}

.button_grey{
border:1px solid #cacaca; 
border-radius: 8px;
font-size:12px;
font-family:arial, helvetica, sans-serif; 
padding: 5px 5px 5px 5px; 
text-decoration:none; 
display:inline-block; 
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
background-color: #E6E6E6; 
background-image: linear-gradient(#E6E6E6, #A0A0A8);
}

.button_grey:hover{
 border:1px solid #b3b3b3;
 background-color: #cdcdcd; 
 background-image: linear-gradient(#cdcdcd, #858590);

 
}

.boxsquare,.boxround,.boxsquareborder,.boxroundborder{
	text-decoration: none;
	padding: 5px 5px; /*padding inside each tab*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 1px 2px 2px 2px;
	background-color: #F7F7F7;

}
.boxround{
	border: 1px solid white;
	border-radius: 6px;
}
.boxsquareborder{
	border: 1px solid #DDDDDD;
}
.boxroundborder{
	border: 1px solid #DDDDDD;
	border-radius: 6px;
}
.boxsquare:hover,.boxround:hover,.boxsquareborder:hover,.boxroundborder:hover {
	background-color: #FFFBF0;
	
}	

.boxnice {
	color: #315eb5;
	border: 1px solid #b5cdd9;
	border-radius: 4px;
	padding: 3px 4px;
	margin: 5px 2px 5px 2px;
	text-decoration: none;
	display: inline-block;
	box-shadow: 2px 2px 3px #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}
.boxnice:visited {
	color: #315eb5;
}
.boxnice:hover {
	border: 1px solid #95B7C8;
	color: #E29536;
}


.boxtext {
	color: #295098;
	border: 1px solid #EFEFEF;
	border-radius: 4px;
	padding: 3px 4px;
	margin: 5px 2px 5px 2px;
	text-decoration: none;
	display: inline-block;
	box-shadow: 2px 2px 3px #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}
.boxtext:visited {
	color: #295098;
}
.boxtext:hover {
	border: 1px solid #95B7C8;
	color: #E29536;
}


.center {

  margin-left: auto;
  margin-right: auto;
}


.sticky {
  position: sticky !important;
   /* Safari position: -webkit-sticky; */
  top: 0px;
}

.journalname {
	font-family: "Trebuchet MS";
	font-size : 23px;
	color : #006699;
  	text-shadow: 3px 2px 3px #C1C1C1;
	text-align: left;
	float:left;
	vertical-align: middle;
	margin-top:10px;
	margin-bottom:3px;
}

.searchblock {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  min-width: 120px;
  /* This bit draws the box around it */
  border:1px solid grey;

  /* I've used padding so you can see the edges of the elements. */
  padding:2px;
  margin:2px;
  vertical-align: middle;
  	border: 1px solid white;
	border-radius: 3px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}

.searchblock input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none !important;
}

.searchblock input:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}
.searchblock button {
	border: 1px solid #FBFBFB;
	cursor: pointer;
	border-radius: 5px;
	background-color: #FBFBFB;

}
.searchblock button:hover {
	/* Just a little styling to make it pretty */
	background-color: #DFDFFF;
  border:1px solid grey;
  	border-radius: 5px;
}


.ivytablediv {
	background-color: #EAF2F4;
	border: 1px solid #94E2FC;
	height: auto;
	padding: 3px;
	Overflow: auto;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	

}
.ivytablediv td,.ivytablediv th,.ivytablediv p{
  font-size: 95%;
  word-wrap: break-word;

}

/***********************/

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
	color: white;
	margin-bottom: 3px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: black url(/ms/css/images/titlebar.png) repeat-x center left;

}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a, .arrowlistmenuplain,.arrowlistmenu button{
	background: url(/ms/css/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 6px 6px 6px 19px; /*padding-left: link text is indented 19px*/
	border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a, .arrowlistmenuplain, .arrowlistmenu button{
	color: #003D59;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.arrowlistmenu button, .arrowlistmenu .standout{
	color: #003D59;
	background-color: #FFF7DF;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


.arrowlistmenu ul li a:visited, .arrowlistmenu button:visited{
	color: #003D59;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu li.selected a,.arrowlistmenu button:hover { /*hover state CSS*/
	color: #1F4B5A;
	background-color: #FCF5E0;
}

.arrowlistmenu button{
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


.standout,.standout:visited, .standout:focus {
	color: #003D59 !important;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #FFF7DF !important;
}

.standout:hover {  
	color: #2F7288 !important;
	background-color: #F9ECC1 !important;
}

/* create showmore on click */
div#tabs #tab1, div#tabs #tab2, div#tabs #tab3
{display:none;}

div#tabs #tab1:target, div#tabs #tab2:target, div#tabs #tab3:target 
{display:block;}

.topnav{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
padding-left: 40px;
  text-align: center;
}

.topnav  div, .topnav a {
	float: left;
	display: inline;
	margin: 0;
	margin-top: 8px;
	padding: 8px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background-color: #313131;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
line-height: 15px;
box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.topnav  div a {
text-decoration: none;
   background-color: #f9f9f9;
color: white;
display: block;
}

.topnav  div a:visited{
color: white;
}

.topnav  div:hover, .topnav a:hover,.topnav a.selected {
	background-color: #176184;
/*	background-image: linear-gradient(#2DA3DB,#176184,#2087B9);*/
background: url(/ms/images/navblue.gif) repeat-x;
}


/* Dropdown content (hidden by default) */
.topnav  div  span {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 1;

}

/* Links inside the dropdown */
.topnav  div span a {
  float: none;
  color: black !important;
	background-color: #f9f9f9 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block !important;
  text-align: left;
  margin:0;
}
.exresstemp {  font-family: Georgia, "Times New Roman", Times, serif; display: none;}
.exresstmp {  font-family: Georgia, "Times New Roman", Times, serif; }

/* Add a grey background color to dropdown links on hover */
.topnav  div span a:hover {
	color: black !important;
	background-color: #EFEFEF !important;
	background-image: linear-gradient(#f9f9f9,#E8E8E8);
}

/* Show the dropdown menu on hover */
.topnav div:hover span {
  display: block !important;
}



.rightbox {
	border: 1px solid #9FBFCE;
	margin: 2px;
	padding: 10px;
	background-color: #F9F9F9;
}

.righboxfix {
	margin:6px;
	border: 1px solid #B6CBC9;
	padding:3px;
	float:right;
}

.image_string {
	margin: 2px;
	padding: 10px;

	background: url(/ms/images/bg_hr.gif)  center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-style: italic;
	color: #27434B;

}

.width100 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100% !important;
  overflow-wrap: break-word;
  margin: 0px;
}

.progressbar_main{
  box-sizing: border-box;
width: 100%;
  position: relative;
  z-index: 1;
}
.progressbar li{
  float: left;
  position: relative;
  text-align: center;
  width: 20%;
  box-sizing: border-box;
}

.progressbar{
  counter-reset: step;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display:block;
}
.progressbar li:before{
  content:counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  border: 2px solid #bebebe;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 27px;
  background: white;
  color: #bebebe;
  text-align: center;
  font-weight: bold;
}
.progressbar li:after{
  content: '';
  position: absolute;
  width:100%;
  height: 3px;
  background: #979797;
  top: 15px;
  left: -50%;
  z-index: -1;
}

.progressbar li:first-child:after{
content: none;
}

.progressbar li.active:after{
 background: #45ab81;
}
.progressbar li.active:before{
border-color: #45ab81;
background: #45ab81;
color: white
}

.text_shadow {
   text-shadow: 2px 2px 3px grey;

}

.popupFig {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.35);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999;
}
.cursor-zoom-out {
	cursor: zoom-out;	
}
.cursor-pointer {
	cursor: pointer;	
}
.cursor-noallowed {
	cursor: not-allowed;	
}
.cursor-noclick {
	pointer-events:none;	
}

.noclick {
	cursor: text; 	
}

.popupFig-wrap {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
			cursor: zoom-out;	
}

.popupFig img {
            max-width: 90vw; /* 100% */
            max-height: 85vh;
            object-fit: contain;
 			cursor: zoom-out;						
       }
	   
.PopupIframe-wrap {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
	box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.2);
  width: 80%;
  height: 85%; 
	border-radius: 8px;
		max-width: 1200px; 	/* WM: MainWidth  in site mainnew.css */
}

.PopupIframe-iframe {
border:none;
width: 100%;
height: 95%;
  overflow:scroll;
}

/* The Close Button */
.closeButton {
	color: #DDDDDD;
	font-size: 32px;
	vertical-align: text-bottom;
	position: absolute;
	z-index: 1;
	right: 5px;
	top: 5px;
	margin: 0;
	text-decoration: none;
	}

.closeButton:hover,
.closeButton:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}	

.popupText-wrap {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
	box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	width: 80%;
	overflow:auto;
	cursor: default;
	max-width: 1200px; 	/* WM: MainWidth  in site mainnew.css */
	max-height:95%;
	box-sizing: border-box;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease;

}

.mask-wrap {
	background-color: #fefefe;
  padding: 20px;
	cursor: default;	
	z-index: 2;
	position: relative;
	top: 0;
	left: 0;
	  	box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.myblue, .myblue:visited{
	color: #079ED8;
	text-decoration: none;	

}
.myblue:hover{
	color: #AD911F;
}
.noborder,.noborder:visited{
	border: none;
	background-color: transparent;
	vertical-align:middle;
	border-radius: 5px;

}
.noborder:hover{
	background-color: #EFEFEF;
}


.my-icons-black {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  	vertical-align:middle;

}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/ms/css/material-icons.woff2') format('woff2');
}



    .three-columns {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
      gap: 20px; /* space between columns and rows */
    }

    .three-columns p {
      margin: 0; /* remove default big margins */
      padding: 10px;
      background: #f2f2f2; /* just to see blocks clearly */
      border-radius: 6px;
    }
	.three-columns a,.three-columns strong,.three-columns b {
  text-decoration: none;    
  color: darkblue !important;           
}




 #wait-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);   /* semi-transparent black */
    display: none;                /* flexbox container */
    justify-content: center;      /* center horizontally */
    align-items: center;          /* center vertically */
    z-index: 9999;
  }

  /* Panel is auto-sized, not full width */
  .wait-panel {
  text-align: center;
      padding: 1rem 1.5rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);

}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px;
}

.waiting-text {
  font-family: Arial, sans-serif;
  font-size: 1.2rem;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}