html {
  margin:0; padding:0;
}

body {
  margin:0; padding:0;
  font-family:helvetica, arial;
  font-size:.9em;
  text-align:center;
  overflow-y: scroll;
}

template {
  display: none;
}

p.wh-normal {
  color:#333333;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:90%;
  font-style:normal;
  font-weight:normal;
  margin:0;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-shadow:none;
}

#searchhelplink
{
  display:inline-block;
  position: absolute;
  right: 135px;
}

#arabiclink {
  float:right;
}

#arabiclink {
  margin:0;
}
#arabiclink a, #searchhelplink a {
  color:#666;
  font-weight:bold;
}

.nocss { display:none; }

a {
  color: #669;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
  color:#000;
}

#pagewrapper {
  margin: 0 auto;
  padding: 0;
  width:997px;
  min-height:0;
  font-family:myriad, helvetica, arial;
  text-align:left;
}


/*  ---------------- topnav  ---------------- */
#topnav
{
  height: 20px;
  margin: 14px 0;
}
#topnav:after
{
  content: '';
  display: block;
  clear: both;
}
#topnav a
{
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  display: inline-block;
  transition: color 0.3s;
}
#topnav > a
{
  float: left;
}
  #topnav a.active
, #topnav a:hover
{
  color: #000;
  background-color: transparent;
}
#topnav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
  display: inline-block;
}
#topnav ul li
{
  display: inline-block;
}
#topnav li + li
{
  margin-left: 23px;
}

/*  ---------------- header  ---------------- */

#header
{
  margin: 0 0 10px;
  height: 214px;
  background:#333;
  position: relative;
}
#header .headerimage
{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
#header #paxlogo
{
  display: block;
  position: absolute;
  top: 90px;
  left: 23px;
  width: 180px;
  height: 84px;
}
#header #logo
{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  height: 112px;
/*  border: 1px solid #fff; */
}
#header #quicksearch
{
  display: block;
  position: absolute;
  right: 30px;
  bottom: 40px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  height: 35px;
  width: 502px;
  border: 1px solid #fff;
}
#header #quicksearch:after
{
  display: block;
  content: '';
  clear: both;
}
#header #quicksearch .inp
{
  border: 0 none;
  padding: 0;
  margin: 0;
  height: 35px;
  width: 445px;
  font-size: 18px;
  line-height: 35px;
  float: left;
  text-indent: 15px;
  outline: none;
  -webkit-appearance:none;
  border-radius: 0;
}
#header #quicksearch .btn
{
  border: 0 none;
  float: right;
  width: 36px;
  height: 35px;
  cursor: pointer;
  outline: none;
}

.wh-autocomplete-values
{
  background-color: #fff;
  border: 1px solid #999;
  width: 580px;
  z-index: 30;
  border-radius: 0;
  padding: 10px 0;
}
.wh-autocomplete-values .wh-menu-item
{
  padding: 2px 10px;
  color: #666;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
  .wh-autocomplete-values .wh-menu-item:hover
, .wh-autocomplete-values .wh-menu-hover /* also for keyboard navigation */
{
  background-color: #eee;
}
.wh-autocomplete-values .wh-menu-item .matchingtext
{
  font-weight: bold;
  color: #000;
}


/*  ---------------- quicklinks  ---------------- */
#quicklinks
{
  background-color: #ffdd03;
  color: #000;
  padding: 10px 0 10px 0;
  margin: 0 0 20px;
}
#quicklinks .title
{
  font-weight: bolder;
  font-size: 17px;
  line-height: 14px;
  padding: 0 10px 10px 14px;
  border-bottom: 1px solid #000;
}
#quicklinks ul
{
  margin: 0;
  padding: 10px 10px 0 14px;
  list-style-type: none;
}
#quicklinks ul li
{
  display: block;
}
#quicklinks ul li + li
{
  padding-top: 10px;
}
#quicklinks a
{
  color: #000;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}
#quicklinks a > strong
{
  display: block;
  padding: 0 0 3px 14px;
  font-size: 14px;
  background: transparent url(../images/bullet.png) 0 3px no-repeat;
}
#quicklinks a:hover
{
  text-decoration: underline;
}


/*  ---------------- contentsummary  ---------------- */
.indexpagenav {
  font-size:.8em;
  color:#c2a100;
}

/* ---------------------- slogan -------------------- */

.embeddedhtml
{
  margin: 20px 0;
}
.embeddedhtml > *
{
  width: 590px;
  height: 443px;
}


/* ---------------------- contentpanel ---------------- */
#contentpanel
{
  width: 840px;
  margin: 0 auto;
  padding: 0;
}


/* ---------------------- contents --------------------- */

#contents
{
  width: 590px;
  float: left;
  padding-bottom: 30px;
}


#contentpanel h1 {
  font-size:1.5em;
  margin: 0 0 15px;
  padding: 0;
}

#contentpanel h1 a {
  text-decoration:none;
  color:#000;
}

#contentpanel h1 a:hover {
  background:none;
  text-decoration:underline;
}

blockquote.description {
  margin: 0 0 20px;
  padding:0 0 0 .2em;
  font-size:.9em;
  line-height:1.5em;
}
#contentpanel h2
{
  font-size: 120%;
}
#contentpanel h3
{
  font-size: 110%;
}
blockquote.description p {
  margin:0; padding:0;
}

/* -------------------- crumbtrail -------------------- */

#crumbtrail
{
  padding:0.5em 0;
  margin:0 0 20px 0;
  min-height:0;
  color:#ccc;
  font-size:.85em;
  border-bottom:1px solid #333;
  position: relative;
}
#crumbtrail ul {
  display:inline;
  padding:0 0 0 2px; margin:0;

  list-style-type:none;
}
#crumbtrail li {
  display:inline;
  list-style-type:none;
}
#crumbtrail li a,
#crumbtrail li span {
  padding:0 10px 0 0;
  margin:0;
  background:url("../images/pathbullet.png") 100% 50% no-repeat transparent;
}
#crumbtrail li.last span {
  background:none;
}
#crumbtrail li a {
  color:#666;
  text-decoration:none;
}
#crumbtrail li a:hover {
  color: #000;
  text-decoration: underline;
}


/* ----------------------- linkscollections ----------------- */


.linkscollection {
  padding:0; margin:0;
  border-left:1px solid #000;

  font-size:.75em;
  font-family:helvetica, arial, sans-serif;
}

.linkscollection h2,
.linkscollection h3 {
  padding:5px 0 15px 8px; margin:0;
  border-left: 3px solid #000;
  color:#113;
}

.linkscollection ul {
  padding:0; margin:0;
}

.linkscollection li {
  padding:0; margin:0;
  list-style-type:none;
}

.linkscollection li a {
  display:block;
  padding:1px 10px 1px 20px;
  margin: 0 9px 2px 9px;

  background:url("../images/arrow_black.png") 8px 4px no-repeat transparent;
  text-decoration:none;
  color:#333;

  border:1px solid transparent;
}

.linkscollection li p {
  padding:1px 10px 1px 20px;
  margin: 0 9px 2px 9px;
  color:#999;

  border:1px solid transparent;

}

.linkscollection li a:hover {
  text-decoration:none;
  color:#000;

  background-color:#f2d100;
  border:1px solid #e2c100;
}




/* -------------------- linkspanel -------------------- */

#linkspanel {
  clear:both;
  margin:2em 0 0 0;
  min-height:0;
}

#linkspanel .linkscollection {
  float:left; display:inline;
  min-height:0;

  width:32%;
}

/* ------------------ docTOC --------------- */

#docTOC {
  margin: 3em 2em 0 1em;
}


/* -------------------- related panel ------------------- */

#panelright
{
  width: 223px;
  margin: 0;
  padding:0;

  float:right;
  min-height:0;
}

#panelright .linkscollection {
  margin: 0 0 20px;
}

/* --------------------- footer ---------------- */


#footer
{
  margin: 1em 0 0 0;
  padding: 10px 0;
  clear: both;
  color: #999;
  border-top: 1px solid #ddd;
  font-size: 13px;
}
#footer:after
{
  content: '';
  display: block;
  clear: both;
}
#footer a
{
  font-size: 13px;
}
#footer ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  display: inline-block;
  height: 24px;
}
#footer li
{
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 24px;
  line-height: 24px;
}
#footer li + li
{
  margin-left: 20px;
}
#footer li a
{
  color: #999;
  text-decoration: none;
}
#footer li a:hover
{
  text-decoration: underline;
  background: none;
  color: #333;
}

#footer .footnote
{
  float: right;
  display: inline-block;
  line-height: 24px;
  position: relative;
}
#footer .footnote a
{
  display: inline-block;
  height: 24px;
  padding-right: 58px;
  position: relative;
  text-decoration: none;
  color: #e64a1e;
}
#footer .footnote img
{
  height: 24px;
  width: 48px;
  position: absolute;
  top: 0;
  right: 0;
}


#contentpanel:after,
#contents:after,
#linkspanel:after,
#panelright:after,
#crumbtrail:after,
#firstpagemeta:after,
#header:after,
#footer:after,
#pagewrapper:after
{
  content: '';
  display:block;
  clear:both;
}

/* ------------------------ thumbnails and photos -------------------- */

#photo, #thumbnails {
  margin:0; padding:0;
  padding:2em 0 0 0;
  min-height:0;
  clear:left;

  text-align:center;
}

* html #thumbnails, * html #photo {height:1%;}

#photo:after,
#thumbnails:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility: hidden;
}

#thumbnails li {
  float:left;
  list-style-type:none;

  color:#000;
  height:175px;
  width:175px;
  text-align:center;

}

#thumbnails img, #photo img {
  padding:1px;
  background-color:#666;
}


/* --------------------- pagenav ----------------------- */

.pagenav {
  font-size:.8em;
  white-space:nowrap;
}

.pagenav ul {
  margin:0; padding:0;
  text-align:center;
}

.pagenav li {
  float:left; display:inline;
  min-height:0;
  padding:0; margin:0;
  list-style-type:none;
}

.pagenav li a, .pagenav li a:visited {
  float:left; display:inline;
  padding:3px .5em;

  color:#036;
  text-decoration:none;
}

* html .pagenav li a { height:1%;}

.pagenav li.onpath {
  padding:2px .5em;
  font-weight:bold;
  color:#fcca04;

  border:1px solid #000;
  background-color:#eef;

}


/* --------------------- consilio ----------------------- */

.whc_searchfield {
  padding:1px 5px; margin:0;
  width:170px;
  border:1px inset #666;
  border-color:#333 #999 #999 #333;
  text-align:left;
}

#whc_submitbutton {
  padding:0; margin:0 0 0 .1em;
  vertical-align:bottom;
}

.whc_result b {
  color:#c2a100;
}

/* --------- metadata markup ---------- */

.whc_result h3 {
  margin:0;
  padding:1.5em 0 .3em 0;
  font-size:1.2em;
  color:#333;
}

.whc_result h3 a {
  text-decoration:none;
  color:#333;
  border-bottom:1px solid #c4a700;
}

.whc_result h3 a:hover {
  color:#000;
  border-bottom:1px solid #000;
}

dl.ecos_metadata {
  margin:0; padding:0;
  font-size:.8em;
}

.ecos_metadata dt {
  font-weight:bold;
  color:#ccc;
  display:none;
}

.ecos_metadata dd.pubdate {
  ffont-weight:bold;
}

.ecos_metadata dd {
  display:inline;
  color:#999;
  font-weight:normal;

  margin:0 0 0 1em;
  padding:0 1em 0 0;

  border-right:1px solid #ccc;
}

.ecos_metadata dd.whc_summary {
  display:block;
  border:none;
  font-size:1.2em;
  margin: .5em 0 1em 0;
  color:#333;
}

.ecos_metadata dd.pubdate, .pubdate {
  color:#c93;
}


#firstpagemeta
{
  margin:0 0 15px 0;
  padding: 10px;
  border:1px solid #eee;
}
#firstpagemeta dt
{
  display:block;
  margin:.5em 0 0 .5em;
  border:none;
  color:#999;
  float: left;
  clear: left;
  width: 80px;
  margin: 0;
  vertical-align: top;
  margin-bottom: 5px;
}
#firstpagemeta dd
{
  display:block;
  border:none;
  vertical-align: top;
  float: left;
  margin-bottom: 5px;
  width: 460px;
}

/**/
#pagemeta2015
{
  position: relative;
  margin-bottom: 20px;
  padding-left: 19px;
  border-left: 1px solid #000;
}
#pagemeta2015 > .topline
{
  position: absolute;
  width: 3px;
  height: 33px;
  background-color: #000;
  top: 0;
  left: 0;
}
#pagemeta2015 .group + .group
{
  margin-top: 15px;
}
#pagemeta2015 .group .title
{
  display: block;
  font-size: 15px;
  padding-bottom: 3px;
}
#pagemeta2015 .group .subject
{
  display: block;
  margin-top: 10px;
}
#pagemeta2015 .group .label
{
  color: #000;
  font-size: 12px;
}
#pagemeta2015 .group ul
{
  margin: 0;
  list-style-type: none;
  padding: 0;
}
#pagemeta2015 .group ul > li
{
  padding-top: 3px;
}
#pagemeta2015 .group ul > li .label
{
  color: #666;
}

/**/
#searchfiltersform
{
  margin-bottom: 20px;
  border-left: 1px solid #000;
}
#searchfiltersform h3
{
  padding: 0 0 15px 17px;
  margin: 0;
  border-left: 3px solid #000;
  color: #000;
  font-size: 22px;
}
#searchfiltersform strong
{
  font-size: 15px;
  line-height: 16px;
}
#searchfiltersform .toggleexpand
{
  display: block;
  position: relative;
  cursor: pointer;
}
#searchfiltersform .toggleexpand .arrow
{
  display: block;
  position: absolute;
  left: -13px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: transparent url(../images/togglearrow.png) 0 0 no-repeat;
}
#searchfiltersform .expanded .toggleexpand .arrow
{
  left: -15px;
  top: 3px;
  background-position: 0 -50px;
}
#searchfiltersform .filter
{
  padding: 0 0 14px 20px;
}
#searchfiltersform .filtergroup .filter.pulldown
{
  padding-bottom: 5px;
}
#searchfiltersform .filtergroup .filter.checklist
{
  margin-top: 14px;
}
#searchfiltersform .filtergroup .filter.checklist + .filter.checklist
{
  margin-top: 0;
}
#searchfiltersform .filtervalues
{
  display: none;
}
#searchfiltersform .expanded .filtervalues
{
  display: block;
}
#searchfiltersform label
{
  display: block;
  margin-top: 8px;
}
#searchfiltersform label:after
{
  clear: both;
  display: block;
  content: '';
}
#searchfiltersform label > .wh-checkbox
{
  float: left;
}
#searchfiltersform label > .wh-checkbox + span
{
  float: right;
  display: block;
  width: 180px;
  font-size: 12px;
  line-height: 15px;
}
#resetfilters
{
  margin: 15px 20px;
  display: inline-block;
  background-color: #eee;
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
  padding: 3px 20px;
  height: 20px;
}

/* checkbox */
.wh-checkbox
{
  background: transparent url(../images/checkbox.png) no-repeat 0 -11px;
  height: 11px;
  width: 11px;
  outline: none;
  position: relative;
  margin: 1px 0 0;
}
.wh-checkbox.wh-checked
{
  background-position: 0 0px;
}
.wh-checkbox.wh-disabled
{
  background-position: 0 -33px;
}
.wh-checkbox.wh-disabled.wh-checked
{
  background-position: 0 -22px;
}


/* select */

.wh-pulldown
{
  height: 20px;
  border: 1px solid #000;
  background-color: #fff;
  width: 201px !important;
  outline: none;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  position: relative;
}
.wh-pulldown > .value
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 6px;
}
.wh-pulldown > .arrow
{
  position: absolute;
  right: 0;
  top: 0;
  background: transparent url(../images/pulldown-arrow.png) 50% 50% no-repeat;
  width: 20px;
  height: 20px;
  font-size: 0;
  padding: 0;
}
.wh-pulldown > .arrow:after
{
  content: "";
}
.wh-pulldown > ul
{
  display: none;
}
body .wh-pulldown-values
{
  margin: -1px 1px 0;
  border: 1px solid #000;
  background-color: #fff;
  z-index: 2000;
  min-width: 201px !important; /* minus border */
}
body .wh-pulldown-values li
{
  padding: 0 6px;
  font-size: 12px;
  color: #000;
  line-height: 20px;
  text-align: left;
}
  body .wh-pulldown-values li:hover
, body .wh-pulldown-values li.selected
{
  background-color: #ffdd03;
}

/* searchpage */
#searchheader
{
  background-color: #ffdd03;
  padding: 10px 12px;
  position: relative;
  min-height: 105px;
}
#searchheader div
{
  font-size: 13px;
  line-height: 16px;
}
#searchheader .results
{
  margin: -10px 0 30px;
  display: none;
}
#searchheader.hasresults .results
{
  display: block;
}
#searchheader .filters .words
{
  color: #666;
}
#searchheader .loader
{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 64px;
  height: 20px;
  display: none;
  padding-top: 70px;
  text-align: center;
  font-size: 12px;
}
#searchheader .loader > img
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  display: none;
}
  html.loading #searchheader .loader
, html.loading #searchheader .loader > img
{
  display: block;
}
#searchresults
{
  margin: 15px 0;
  padding: 0;
}
#searchresults a
{
  display: block;
  padding: 10px 0 15px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  max-width: 100%;
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#searchresults a:hover
{
  background-color: rgba(255,221,3,0.3);
}
#searchresults a + a
{
  border-top: 0 none;
}
#searchresults a strong
{
  font-size: 17px;
  line-height: 20px;
  display: block;
  padding: 1px 0 5px;
}
#searchresults a .metadata
{
  display: block;
  font-size: 12px;
  padding: 3px 0 4px;
}
#searchresults a .metadata > span
{
  display: inline-block;
  color: #999;
}
#searchresults a .metadata > span + span:before
{
  display: inline-block;
  content: '|';
  padding: 0 4px;
}
#searchresults a .match
{
  font-weight: bold;
  color: #a38e05;
}

/* pagination */
.pagination
{
  background-color: #fff9d2;
  height: 20px;
  padding: 10px 12px;
  overflow: hidden;
  text-align: center;
  position: relative;
  display: none;
}
.pagination.active
{
  display: block;
}
.pagination > div
{
  height: 20px;
  display: inline-block;
  text-align: left;
}
.pagination > div:after
{
  clear: both;
  content: '';
  display: block;
}
.pagination > div > span
{
  float: left;
  background-repeat: no-repeat;
}
.pagination .first
{
  position: absolute;
  left: 12px;
  top: 10px;
}
.pagination .first span
{
  background-position: 3px 6px;
  padding-left: 15px;
  background-image: url(../images/first.png);
}
.pagination .first span + span
{
  background-image: url(../images/previous.png);
}
.pagination .last span
{
  background-position: 95% 6px;
  padding-right: 15px;
  background-image: url(../images/next.png);
}
.pagination .last span + span
{
  background-image: url(../images/last.png);
}
.pagination span
{
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  padding: 0 3px;
  min-width: 14px;
}
.pagination span + span
{
  margin-left: 4px;
}
.pagination span[data-page]
{
  cursor: pointer;
}
  .pagination span.active
, .pagination span[data-page]:hover
{
  background-color: #ffdd03;
}
  .pagination span[data-page='-1']
, .pagination span[data-page='-1']:hover
{
  cursor: default;
  opacity: 0.3;
  background-color: transparent
}
  .pagination span.empty
, .pagination span.empty:hover
{
  opacity: 1;
}

.pagination .pages
{

}
.pagination .last
{
  position: absolute;
  right: 12px;
  top: 10px;
}