@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0; padding:0}

:focus{outline:0}

body{margin:0; padding:0; background:#fff;font-family:Arial}

a {color:#3399cc;}



#all {width:1026px;margin:5px auto 0px auto;}

#mid {background:url(images/mid.png) }

#midtop {background:url(images/mid_top.png) no-repeat }

#topbar {text-align:center}

#midbar {text-align:center}





#allcontent {width:970px;margin:0px auto 0px auto;}

#topbar {height:33px;background:url(images/top_bar.gif);text-align:left}

#topbar a {float:right;line-height:33px;font-family:Arial;font-size:12px;

            font-weight:bold;color:#fff;text-decoration:none;padding:0px 10px }

#topbar a:hover {text-decoration:underline}

#topbar a.left {float:none}



#top {height:101px;border-bottom:3px solid #d1cdcd;margin-bottom:8px}

#topright {

	float:right;

	width:635px;

	height:101px

}

#topright_top {height:50px;}



#topright_bot {float:right;width:275px;height:45px;border-top:7px solid #d1cdcd;border-left:1px solid #d1cdcd;border-right:1px solid #d1cdcd}

#topright_bot ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

#topright_bot ul li {margin:0;padding:0;list-style-type:none;list-style-image:none;height:45px;float:right;border-left:1px solid #d1cdcd}

#topright_bot ul li a {

	display:block;

	line-height:15px;

	white-space:nowrap;

	padding:8px 16px 0px 17px;

	font-family:Arial;

	font-size:14px;

	color:#666;

	text-decoration:none;

	height:35px

}

#topright_bot ul li a:hover {background:#f8f8f8}



div.slidebox {height:265px;width:690px;float:left}

div.slidebox div.txt {

	padding:55px 10px 65px 300px;

}

div.slidebox div.txt h2 {line-height:20px;font-weight:normal;font-size:14px;color:#fff;letter-spacing:-1px}

div.slidebox div.txt h3 {font-weight:normal;line-height:28px;font-size:28px;color:#9999cc;letter-spacing:-1px}

div.slidebox div.txt h3 span {color:#fff}



div.thumbsbar { z-index:5000;height:65px;width:940px;position:absolute;margin-top:225px;}

div.thumbsbar a {border:1px solid #666;text-decoration:none;background:#fff;text-decoration:none;
                line-height:8px;padding:0px 2px}

div.thumbsbar a {float:right;margin:12px 12px 0px 0px}





div.newspanel {width:271px;float:right}

div.newspanel h2 {

	font-size:18px;

	color:#666666;

	padding:5px 0px 4px 8px;

	font-weight:normal

}

div.newspanel h2 a {font-size:12px;color:#3399cc;float:right;padding-right:20px;line-height:20px}

div.newsline {

	font-size:12px;

	font-family:Arial;

	color:#666666;

	line-height:14px;

	padding:13px 6px 10px 6px;

	border-top:1px solid #d1cdcd;

}

#rcol div.newsline {

	padding:15px 15px 10px 15px;

}

div.newsline h3 {

	font-size:14px;

	color:#002d62;

	line-height:16px;

	margin-bottom: 4px;

}



div.newsline a {color:#666666}



div.hpane {overflow:hidden;width:154px;float:left;margin-right:9px;background:url(images/hpan_top.gif) no-repeat;padding-top:15px;margin-top:8px}





div.hpane h2  {

	letter-spacing:-1px;

	padding:12px 6px 5px 9px;

	margin:0 0 5px 0;

	border-bottom:1px solid #999999;

	font-family:Arial;

	font-size:18px;

	font-weight:normal;

	color:#333;

	line-height:18px;

}

div.hpane h2 a {

	text-decoration: inherit;

	color: #333333;

}

div.hpane h2 a:hover {

	text-decoration: inherit;

	color: #9999cc;

}

div.hpane h2 strong {display:block;}

div.hpane ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

div.hpane ul li {

	color:#2f2f2f;

	line-height:13px;

	padding:2px 4px 2px 16px;

	background:url(images/hpan_bullet.gif) 5px 5px no-repeat;

	font-size:12px

}

div.hpane ul li a {color:#2f2f2f;text-decoration:none}

div.hpane ul li a:hover {color:#2f2f2f;text-decoration:underline}



div.hlast {margin-right:0px}











div.clr {clear:both;line-height:1px;height:1px;}

#footermnu {margin-top:33px;clear:both;background:#2f2f2f url(images/bgr_foot.gif) no-repeat;width: 970px;

            min-height: 131px;}

#footermnu .left {width:400px;float:left}

#footermnu .right {width:375px;float:right}



#footermnu ul {

	margin:0;

	padding:0;

	list-style-type:none;

	list-style-image:none;

	margin-top:10px

}

#footermnu ul li {

	font-size:12px;

	line-height:14px;

	padding:4px 0px;

	float:left;

}

#footermnu ul li span {color:#fff}



#footermnu .right li {width:180px;color:#979797;padding:2px 0px 4px 0px}



#footermnu .left  ul {margin-left:17px}

#footermnu .left  ul li {

	width:145px;

	padding-left:12px;

	background:url(images/foot_bullet.gif) 5px 5px no-repeat;

	background-position: 0px 8px;

}

#footermnu .left  ul li a {color:#999;text-decoration:none}

#footermnu .left  ul li a:hover {text-decoration:underline}



div.hrpane {border:1px solid #cecece;margin-bottom:7px}

div.hrpane div.casestudy {background:#eff7fb;padding:6px 17px;padding-bottom:14px;font-size:11px;line-height:14px;color:#666;margin-top:2px}

div.hrpane div.casestudy img {float:right;border:0}

div.hrpane div.casestudy h3 {color:#002d62;font-size:14px;line-height:16px;padding:9px 0px ;margin:0}

div.hrpane div.casestudy p {margin-bottom:4px}

div.hrpane h2 {text-align:left;font-size:18px;color:#666666;font-weight:normal;background:url(images/bgr_panhead.gif) repeat-x;line-height:37px;height:37px;padding-left:17px}



#underfootermnu {line-height:20px;font-size:10px;color:#969292;}

#underfootermnu a {font-size:10px;color:#969292;text-decoration:underline;padding:0px 10px }

#underfootermnu a:hover {text-decoration:none}



#breadcrumbs {border-bottom:1px solid #d1cdcd;font:normal 11px/11px Arial;padding-bottom:8px;

              padding-left:15px;color:#837f7f}

#breadcrumbs strong{

	font-weight: normal;

	color:#837f7f;

}

#breadcrumbs a{

	font-weight: normal;

	font:normal 11px/11px Arial;

	color:#d1cdcd;

}

              

#breadcrumbs a.ico {line-height:15px;padding-left:17px;float:right; margin-right:10px;color:#9b9fd1;

              font-size:10px;text-decoration:none}

#breadcrumbs a.email {background:url(images/ico_email.gif) no-repeat}

#breadcrumbs a.bookmark {background:url(images/ico_bookmark.gif) no-repeat}

#breadcrumbs a.print {background:url(images/ico_print.gif) no-repeat}



#rcol {width:273px;float:right;margin-top:8px}

#lcol {width:166px;margin-left:15px;margin-right:20px;float:left;background:url(images/lcol_pan_top.gif) 0px 0px no-repeat;

      margin-top:15px}

#lcol h2 {letter-spacing:-1px;padding:18px 0px 8px 1px;margin:0 0 2px 0;border-bottom:1px solid #999999;font-family:Arial;font-size:18px;font-weight:normal;color:#333;line-height:18px;}

#lcol h2 strong {display:block;}

#lcol ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

#lcol ul li {

	color:#2f2f2f;

	line-height:14px;

	padding:6px 4px 6px 14px;

	background:url(images/hpan_bullet.gif) 3px 9px no-repeat;

	font-size:12px;

	border-bottom:1px solid #cbcbcb

}

#lcol ul li:hover{

	background-color:#f7f5f5

}

#lcol ul li.selected {background:url(images/hpan_bullet2.gif) 3px 9px no-repeat; background-color:#e6e3e3}

#lcol ul li a {color:#2f2f2f;text-decoration:none}

#lcol ul li.sub {padding-left:25px;background-position:12px 8px}

#lcol ul li.sub.selected {background:url(images/hpan_bullet.gif) 12px 8px no-repeat; background-color:#f7f5f5}







#lcol h2.downloads {color:#a9a3a3;font:bold 18px Arial;border-bottom:0}

#lcol div.downloads {border:1px solid #bbb9b9;padding:10px}

#lcol div.downloads li { background:url(images/ico_download.gif) 0px 5px no-repeat;padding-left:20px;border:0;}

#lcol div.downloads li a {color:#666666}



#mcol {width:470px; float:left;margin-top:20px;font:normal 12px/16px Arial ; color:#2f2f2f;

      }

#mcol p {

	font:normal 12px/16px Arial;

	color:#2f2f2f;

	padding-left: 15px;

	padding-top: 15px;

}

#mcol h2 {font:normal 14px/20px Arial ; color:#999999; padding-left: 15px; }



#mcol h3 {

	font:normal 16px/19px Arial;

	color:#9194b6;

	padding-left: 15px;

	padding-top: 15px;

}

#mcol h1 {

	font:normal 24px/22px Arial;

	color:#333;

	padding-left: 15px;

	padding-bottom: 10px;

}

.imageleft{

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

}



/* Add this at the bottom or within a suitable section */
.cookie-popup {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: #333;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  display: none;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

.cookie-popup p {
  margin: 0;
  flex: 1;
}

.cookie-popup button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
}

.cookie-popup button:hover {
  background-color: #45a049;
}