/* global body */
BODY { font-family: "Verdana" sans-serif; }

/* global links */
a:link {color: #00008B}     /* unvisited link */
a:visited {color: #00008B}  /* visited link */
a:hover {color: #336699}   /* mouse over link */
a:active {color: #00008B}   /* selected link */


/* dashboard - area under the header */
.dashboard { font-size: x-small; background-color: #336699; color: white; padding: 3px 5px; }
.dashboard a:link {color: white; }
.dashboard a:visited {color: white; }
.dashboard a:hover {color: white; }
.dashboard a:active {color: white; }


/* container for all the search criteria */
.metadata-search-options { font-size: small; background-color: #f5f5f5; width: 260px; border-right: 1px #336699 solid; width: 260px; }

/* main search criteria sections */
.search-section { padding-bottom: 10px; padding-top: 10px;  overflow: auto;}
.scroll-search-section { overflow: auto; }

/* major sections */
.section-header { font-size: small; font-weight: bold; }

/* search criteria */

/* note: 
height: 188px = 155px (map) + 27px (tool height) + 6px (margin)
width: 252px = 250px (map) + 2px (padding)
*/
.map-and-control { background: #FFFFFF; height: 194px; width: 252px; margin-right: 3px; margin-top: 6px; padding: 2px; border: 1px double #DDDDDD; }
.map-containter { height: 155px; width: 250px;}
.search-title { font-weight: bold; }

/* labels and facets */
.facet-title-section {  }
.facet-title { font-size: small;  /*font-weight: bold;*/ }
.facet-section {/*background: #FFFFFF; */ 
  width: 80%; 
  border-left: 1px solid #BEC4CB; 
  border-bottom: 1px solid #BEC4CB;
  padding-left: 5px;
  padding-bottom: 5px;
}

ul.facet-list { 
  font-size: small;   
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 3px;
  padding-left: 3px;
}

.facet-section li {
  list-style: none;
}


.lead-label { font-size: x-small; }
.show-all { font-size: x-small; text-align: right; }
.sub-facet { font-size: x-small; }

/* a bar '|' content separator */
.bar { font-weight: bold; }

.search-map {  }

/* metadata results in a table */

.metadata-result-window-widget { font-size: x-small; border-width: 0px; }
.metadata-result-table { font-size: small; }
.empty-result-set { color: #AAAAAA }

.metadata-result { }
.metadata-title { color: #003366; font-weight: bold; }
.metadata-type {  }
.metadata-summary { padding-left: 5px; padding-bottom: 18px;}

.gallery-cell { font-size: x-small; text-align: center; width: 33%; padding-top: 10px; padding-left: 10px; padding-right: 10px;}

/* thumbnail images */

.thumbnail {  
  margin: 3px;
  width: 100px;
  height: 67px;
  padding: 0px;
  border: 0px
}

/* right side-bar */

.sidebar { 
  font-size: x-small;
  padding-left: 0px; 
  margin-left: 0px; 
}
.sidebar li {
  list-style: none;
  padding-left: 5px;
  text-indent: -5px;
}

/* search path */
ul.search-path { 
  font-size: x-small; 
  list-style: none;
  padding-left: 0px;
  margin-left: 10px; 
  margin-top: 4px;
}

ul.search-path li {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  display: inline;
}

.result-info { width: 585px; overflow: auto; font-size: x-small; background: #BEC4CB; padding: 5px; }
.result-info-footer { font-size: x-small; background: white; padding: 5px; }

.result-page-nav {}
.result-page-nav-widget {font-size: xx-small; }

.result-option-label { font-weight: bolder; }


/* details sections */

.details-header-title { 
  font-size: x-large; 
  display: block;
}

.details-header-text { font-size: small; }

.details-thumbnail {  
  width: 100px;
  height: 67px;
  float: left;
  margin: 0 12px 12px 0;
}

.details-section-title { 
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 10px;
}

.details-item-title { 
  font-weight: bold;
}

ul.details-sections {
  list-style: none;
  padding-left: 0px; 
  margin-left: 0px;
  padding-top: 0px;
  
}

ul.details-sections li {
  list-style: none;
}

/* details metadata items */

ul.details-items {
  list-style: none;
  font-size: small; 
  padding-left: 6px; 
  margin-left: 0px;
  padding-bottom: 10px;
}

ul.details-items li { 
  padding-left: 5px;
  text-indent: -5px;
  list-style: none;  
  margin-top: 2px;
}

.details-preview { 
  padding: 2px;
  margin: 5px;
  border: 1px solid #DDDDDD;
  overflow: visible;
}

/* BEGIN - FORM ELEMENTS */

input { font: normal 11px verdana,arial,helvetica,sans-serif; background: #ffffff; color: #333333; margin: 0px; padding: 2px; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999; }

select { font: normal 11px verdana,arial,helvetica,sans-serif; background: #ffffff; color: #333333; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: solid 1px #999999; border-bottom: solid 1px #999999; margin: 0px; padding: 0px; }

textarea { font: normal 12px courier,verdana,arial,helvetica,sans-serif; background: #ffffff; color: #333333; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999; margin: 0px; padding: 0px; }

input.text { background: #ffffff; }
input.checkbox { border: 0px; background: transparent; }
input.radio { border: 0px; background: transparent; }
input.submit { font: normal 11px verdana,arial,helvetica,sans-serif; background: #ffffff; color: #666666; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; cursor: hand; }
input.reset { font: normal 11px verdana,arial,helvetica,sans-serif; background: #ffffff; color: #666666; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; cursor: hand; }

/* Define Form Pseudo-Classes */
/*input:focus { background: #f2f2f2; color: #83856E; } */
input:focus { border: darkblue solid 1px; }
input:hover { border: darkblue solid 1px; }
input.text:focus { background: #f2f2f2; color: #83856E; }
/* select:focus { background: #eeeeee; color: #83856E; } */
textarea:focus { background: #eeeeee; color: #83856E; }
input.submit:focus { background: #eeeeee; color: #83856E; }

/* END - FORM ELEMENTS */

/* this is the tabs container */

.tab-table { margin: 3px 2px; width: 100%; }
.tab-body {
  width: 100%;
  padding: 5px;
  height: 100%; 
  background: #FFFFFF; 
  border: 1px solid #DDDDDD;  
  border-bottom: 0px; 
  border-right: 0px; 
  overflow: auto;
}

.tabs {
  width: 100%;
  position: relative;  
  height: 26px;
  /*    width: 45em; a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

/* this is a 1st level tab row */
.tabs ul.tabs-primary {
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: -1px;
  /* width: 45em; a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

/* this is a tab */
.tabs ul.tabs-primary li  {
  display: inline;
  list-style: none;
}

/* this is a tab */
/* NOTE: removed "text-decoration: none;" */
.tabs ul.tabs-primary a,.tabs ul.tabs-primary span,.tabs ul.tabs-primary a.current {
  display: block;
  float: left;
  padding: 4px 6px;
  margin: 1px 2px 0px 0px;
  text-align: center;
  font-size: small;  
  font-weight: bold;  
  color: #333;
}

/* this is a tab */
.tabs ul.tabs-primary span,.tabs ul.tabs-primary a.current,.tabs ul.tabs-primary a.current:hover {
  margin-top: 0px;
  border: 1px solid #DDDDDD;
  border-bottom: none;
  background: #FFFFFF;
  padding-bottom: 6px;
}

/* this is a tab with a link */
.tabs ul.tabs-primary a {
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  border-bottom: none;
}

/* this is a tab with a link and hover */
.tabs ul.tabs-primary a:hover {
  margin-top: 0px;
  border-color: #CCCCCC;
  background: #FFFFFF;
  padding-bottom: 5px;
}



/* this is a disabled tab */
/* NOTE: removed "text-decoration: none;" */
.tabs ul.tabs-primary a.disabled, .tabs ul.tabs-primary span.disabled {
  color: #888888;
  background: #EEEEEE;
  border-bottom: none;
}