/* xxxxxxxxxxx */
/* x General x */
/* xxxxxxxxxxx */
html, body {
  overflow: hidden;
}

body {
  background-color: Transparent;
  font-family: Verdana;
  font-size: 65%;
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
}

b {
  color: Red;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #800080;
}

table {
  padding: 0px;
  margin: 0px;
}

th, td {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}

img {
  border: none;
}

h2 {
  padding: 0px;
  margin: 0px;
}

/* xxxxxxxxxx */
/* x Header x */
/* xxxxxxxxxx */
#header {
  position: absolute;
  width: 100%;
  height : 63px;
  background: url(../images/top1a.jpg) no-repeat top left #BDC8D8;
  cursor: pointer;
}

.updateProgressClass {
  right: 220px; 
  position: absolute; 
}

.updateProgressClass img {
  width: 76px;
  height: 15px;
  margin-left: 1px;
  margin-right: 1px;
}

.bodyHeaderContentClass .userAccountClass span, .bodyHeaderContentClass .userAccountClass a {
  color: White;
}

#header #bodySubHeader {
  position: absolute;
  margin-top: 48px; 
  height: 15px;
  width: 100%;
  background: url(../images/top2.jpg) no-repeat top right #FFF;
}

#header #bodySubHeader #subHeaderLabelDiv {
  position: absolute;
  height: 16px;
  margin-left: 10px;
  border-bottom: solid 1px #E7EEFA;
  text-align: left;
}

#header #bodySubHeader #subHeaderLabelDiv h2 {
  color: #335784;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 1.5px;
}

#header #bodySubHeader #updateProgressDiv {
  position: absolute;
  width: 100%;
  height:15px;
  left: 65%;
  margin-top: 2px;
  text-align:left;
}

#header #bodySubHeader #updateProgressDiv img {
  width: 80px;
  height:14px;
}

#header #bodySubHeader #cultureControlDiv {
  position: absolute;
  width: 100%;
  height:15px;
  text-align:right;
}

#header #bodySubHeader #cultureControlDiv input {
  background-color: #E7EEFA;
  padding-left: 2px;
}

#header #userAccountDiv {
  position: absolute;
  width: 100%;
  text-align: right; 
  color: White;
}

/* xxxxxxxx */
/* x Menu x */
/* xxxxxxxx */
#menu {
  position: absolute; 
  margin-top: 63px;
  width: 195px; 
  height: 100%; 
  overflow: auto;
  background-color: #E7EEFA;
}

#leftMenuDiv {
  margin: 26px 0 0 10px;
}

/* xxxxxxxxxxx */
/* x Content x */
/* xxxxxxxxxxx */
#content {
  position: absolute; 
  margin: 63px 0 0 195px;
  width: 100%;
  height: 100%;
  overflow: auto;
}

/* xxxxxxxxxxxxxxxxxxxxxxxx */
/* x Introduction content x */
/* xxxxxxxxxxxxxxxxxxxxxxxx */
.introductionContentClass {
}

.introductionContentClass h1 {
  margin-top: 0;
  color: #153B6C;
  font-size: 14.5px;
  border-bottom: solid 1px #69C;
  clear: both;
}

.introductionContentClass span {
  color: Black;
  font-weight: normal;
  font-size: 12px;
}

.introductionContentClass ul li {
  color: #153B6C;
  font-weight: bold;
  font-size: 12px;
}

.introductionContentClass ul span {
  display: block;
  padding-bottom: 10px;
  padding-top: 5px;
  color: Black;
  font-weight: normal;
  font-size: 12px;
}

/* xxxxxxxxxxxxxxxxxxxxxxx */
/* x Information content x */
/* xxxxxxxxxxxxxxxxxxxxxxx */
.informationContentClass {
  max-width: 800px;
}

.informationContentClass #left {
  float: left;
}

.informationContentClass #leftMuseumContent {
  float: left;
  width: 150px;
}

.informationContentClass #rightMuseumContent {
  width: 300px;
}

.informationContentClass #light {
  background-color: White;
  height: 30px;
}

.informationContentClass #dark {
  background-color: #F9F9F9;
  height: 30px;
}

.informationContentClass #right img {
  display: block;
  padding-top: 58px;
}

.informationContentClass h3 {
  padding-top: 10px;
  color: Black;
  font-weight: normal;
  font-size: 12px;
}

.informationContentClass span {
  display: block;
  color: Black;
  font-weight: normal;
  font-size: 12px;
}

.informationContentClass ul li, .informationContentClass h2 {
  color: #153B6C;
  font-weight: bold;
  font-size: 12px;
}

.informationContentClass ul span {
  display: block;
  padding-bottom: 10px;
  padding-top: 5px;
  color: Black;
  font-weight: normal;
  font-size: 12px;
}

/* xxxxxxxxx */
/* x Popup x */
/* xxxxxxxxx */
.modalPopupExtenderBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.popupHeaderImageClass, .popupFooterImageClass {
  float:left;
  padding-right: 5px;
}

.popupHeaderLabelClass, .popupFooterLabelClass {
  float:left;
}

.closePopupImageButtonClass {
  float:right;
  padding-right: 2px;
}

.popupPanelClass {
  width: auto; 
  height: auto;
  background-color: white;
}

.popupHeaderClass {
  width: auto;
  height: 22px;
  background: url(../Images/Xslt/header.png);
  padding: 4px 0px 0px 4px;
}

.popupContentClass {
  padding: 4px;
}

.popupFooterClass {
  padding-left: 2px; 
  padding-top: 3px; 
  height: 20px;
  background-color: #F1EDED; 
  border-top: solid 1px gray;
}

.popupFooterProgressClass {
  margin-left: 40%;
}

/*------------ Results ---------------*/

/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* x SearchHistory Control x */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
.searchHistoryClass {
  max-width: 800px;
}

.searchHistoryClass a {
  text-decoration: none;
  color: Black;
}

.searchHistoryClass th {
  background: url(../Images/Xslt/header.png);
  padding: 5px;
}

.searchHistoryClass td {
  padding: 2px 0 2px 5px;
}

.searchHistoryClass  tr {
  width: 100%;
  font-size: 12px;
}

.searchHistoryClass tr:hover {
  background-color: #BDC8D8;
  cursor: pointer;
}

.searchHistoryClass .noCellClass {
  width: 40px;
  font-weight: bold;
}

.searchHistoryClass .databaseCellClass {
  width: 230px;
}

.searchHistoryClass .queryCellClass {
  min-width: 380px;
}

.searchHistoryClass .hitsCellClass {
  width: 100px;
}

/* xxxxxxxxxxxxxxx */
/* x listResults x */
/* xxxxxxxxxxxxxxx */
table.listResults th {
  background: url(../Images/Xslt/header.png);
  padding: 5px;
}

table.listResults tr {
  width: 100%;
  font-size: 12px;
}

table.listResults tr:hover {
  background-color: #BDC8D8;
  cursor: pointer;
}

table.listResults tr .number {
  font-weight: bold;
}

table.listResults tr .image {
  width: 50px;  
}

table.listResults tr .image img {
  max-width: 50px;
}

table.listResults tr .title {
  width: 550px;
}

table.listResults td {
  padding: 3px;
}

table.listResults .recordSelection {
  width:auto;
}

/* xxxxxxxxxxxxxxxxx */
/* x Detail mardig x */
/* xxxxxxxxxxxxxxxxx */
table.detailResult {
  background-color: #F9F9F9;
  max-width: 800px;
}

table.detailResult Images {
  width: auto;
}

/* xxxxxxxx */
/* x XSLT x */
/* xxxxxxxx */
tr.evenRecordRow {
  background-color: #F9F9F9;
}

tr.oddRecordRow {
  background-color: White;
}

td.header {
  padding-top: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #000080;
}

td.label {
  font-size: 12px;
  color: #000080;
  width: 20px;
  padding: 2px 0 0 0;
  padding-top: 2px;
}

td.value {
  font-size: 12px;
  padding-left:5px;
  padding-top: 2px;
  width: 100%;
}

/* xxxxxxxxxxxxxxxxxx */
/* x Gallery mardig x */
/* xxxxxxxxxxxxxxxxxx */
table.galleryResults {
  table-layout:fixed;
  width: 100%;
}

table.galleryResults .image {
  width:80px; 
  cursor:pointer;
  vertical-align: bottom;
}

/* xxxxxxxxxxxxx */
/* x mail list x */
/* xxxxxxxxxxxxx */
table.mailList {
  table-layout:fixed;
  width: 100%;
  font-size: 12px;
}

table.mailList .number {
  font-weight: bold;
}

table.mailList td {
  padding: 3px;
}

table.mailList th {
  padding: 5px;
}

table.mailList td img {
  padding-left: 4px;
}

table.mailList th img {
  padding-left: 2px;
}

/* xxxxxxxxxxxxxxxxxxx */
/* x Detail comments x */
/* xxxxxxxxxxxxxxxxxxx */
table#detailComments {
  table-layout:fixed;
  font-size: 12px;
  width: 100%;
  table-layout: fixed;
  border-right: solid 2px #FFF;
  border-bottom: solid 2px #FFF;
  border-left: solid 2px #999;
  border-top: solid 2px #999;
}

table#detailComments .evenRecordRow {
  background-color: #F9F9F9;
}

table#detailComments .oddRecordRow {
  background-color: #E7EEFA;
}

/* xxxxxxxxxxxxxxx */
/* x pointerFileResults x */
/* xxxxxxxxxxxxxxx */
table.pointerFileResults th {
  background: url(../Images/Xslt/header.png);
  padding: 5px;
}

table.pointerFileResults tr:hover {
  background-color: #BDC8D8;
  cursor: pointer;
}

table.pointerFileResults th.number {
  font-weight: bold;
}

table.pointerFileResults th.title {
  width: 183px;
}

table.pointerFileResults th.selection {
  width: 283px;
}

table.pointerFileResults th.hits {
}

table.pointerFileResults th.modified {
}

table.pointerFileResults td {
  padding: 3px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* x UserAccountTabContent x */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
.myAccountClass {
  max-width: 800px;
}

table.userAccountTableClass tr {
  height: 25px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xx Email/Login Control   xx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */

.defaultHeaderClass
{
  text-align: left;
  font-weight: bold;
  background: url(../Images/Xslt/header.png) repeat-x;
  padding: 5px;
  margin-bottom: 2px;
}

table.defaultTableClass, table.emailTableClass
{
  border: 1px solid black;
  width: 100%;
}

table.emailTableClass tr td input
{
  width: 450px;
}

table.defaultTableClass tr td .textBoxClass
{
  width: 160px;
}

table.defaultTableClass tr .defaultCellLabelClass
{
  text-align: right;
  font-weight: bold;
}

/*.forgotPasswordClass
{
  text-align: center;
}*/

/* xxxxxxxxx */
/* x Popup x */
/* xxxxxxxxx */
.popupMenu {
  position: absolute;
  visibility: hidden;
  background-color: #F5F7F8;
  opacity: .9;
  filter: alpha(opacity=90);
}

.popupHover {
  background-image: url(img/header-opened.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #F5F7F8;
}

/* xxxxxxxxxx */  
/* xx Tabs xx */  
/* xxxxxxxxxx */

.ajax__tab_ie-theme .ajax__tab_header {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0 0 18px;
}

.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
  margin-right: 0px;
  background: url(../Images/Tabs/tab_unselected.gif);
  width: 106px;
  padding: 11px 0px 2px 0px;
  text-align: center;
  color: #153B6C;
  display: block;
}

.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
  background: url(../Images/Tabs/tab_selected.gif);
  margin-bottom: -1px;
}

.ajax__tab_ie-theme .ajax__tab_body {
  font-size: 10pt;
  border-top: solid 1px #000;
  padding: 8px;
  background-color: #FFF;
  margin-left: 18px;
  text-align: left;
}

.ajax__tab_ie-theme .ajax__tab_body div {
}

/* xxxxxxxxxxxxxxxxxx */  
/* xx Search forms xx */  
/* xxxxxxxxxxxxxxxxxx */



.searchRowClass {
  height: 26px;
}

.searchOptionLabelClass {
  float: left;
  width: 190px;
  padding-top: 10px;
}

.datasetSelectionLabelClass {
  float: left;
  width: 190px;
}

.searchRowClass div {
  float: left;
  margin-right: 15px;
}

.searchRowClass .searchFieldClass {
  float: left;
  width: 190px;
  margin-right: 0px;
}

.searchRowClass .searchFieldClass span {
  font-size: 12px;
  color: #000000;
}

.searchRowClass .searchFieldClass select {
  width: 170px;
}

.searchRowClass .searchFieldClass input {
  width: 200px;
}

.searchRowClass .listImageButtonClass {
  width: 20px;
}

.sortOptionLabelClass, .limitOptionLabelClass {
  float: left;
  width: 182px;
}

/* xxxxxxxxxxxxxxxxxxxx */  
/* xx Search buttons xx */  
/* xxxxxxxxxxxxxxxxxxxx */
#searchButtonsDiv {  
  margin: 10px 0;
  padding: 0.3em;
  width: 470px;
}

#searchButtonsDiv #buttons {
  margin: 10px 0 0 301px;
}

#searchButtonsDiv #buttons input {
  background-color: #FFFFFF;
  background-image: url( '../Images/button.gif' );
  color: Black;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  width: 80px;
}

.checkBoxClass {
  width: 260px;
}

.checkBoxClass label {
  color: Black;
  font-size: 11px;
  height: 25px;
  width: 80px;
}

.searchButtonsClass .searchMessageClass {
  height: 10px;
}

.searchButtonsClass .searchMessageClass span {
  vertical-align: top;
  font-weight: bold;
}

/* xxxxxxxxxxxxxxxxxx */  
/* xx AutoComplete xx */  
/* xxxxxxxxxxxxxxxxxx */
.autoCompleteClass {
  height: 110px;
  min-width: 200px;
  overflow-y: scroll;
  margin-left: 0px;
  padding: 1px 0px 1px 5px;
  background-color: White;
  border: solid 1px black;
  list-style-type: none;
  cursor: default;  
  visibility: hidden;
}

/* xxxxxxxxxxxxxxxxxxx */  
/* xx Simple search xx */  
/* xxxxxxxxxxxxxxxxxxx */
.simpleSearchContentClass h1, .informationContentClass h1 {
  margin-top: 0;
  color: #153B6C;
  font-size: 14.5px;
  border-bottom: solid 1px #69C;
  clear: both;  
}

.simpleSearchContentClass h2 {
  color: #153B6C;
  font-size: 12px;
  font-weight: bold;
}

.simpleSearchContentClass img, .informationContentClass #right {
  float: right;
}

.simpleSearchContentClass, .advancedSearchPanelClass, .expertSearchPanelClass {
  max-width: 800px;
}

.searchOptionDropDownListClass {
  padding: 10px 0 6px 0;
}

.datasetSelectionClass {
  padding: 0px 0 6px 0;
}

.searchOptionDropDownListClass select, .datasetSelectionClass select {
  width: 280px;
}

.simpleSearchControlClass {
  padding-bottom: 10px;
}

fieldset {
  border: 1px solid #153B6C;
  width: 466px;	
}

fieldset div {
  margin: 5px 0px 0px 3px;
}

legend {
  background: url(../Images/Xslt/header.png) repeat-x;
  padding: 0.3em 0.5em;
  color: #153B6C;
  font-weight: bold;
}


/* xxxxxxxxxxxxx */  
/* xx Results xx */  
/* xxxxxxxxxxxxx */
.viewStyleMenu { 
  position: absolute;
  margin: 5px 0 0 -5px;
}

.buttonMenu { 
  position: absolute;
  margin: 6px 0 0 55px;
}

.deepLinkClass {
  position: absolute;
  margin: 5px 0 0 206px;
}

.deepLinkClass span {
  color: Gray;
  cursor: pointer;
}

.deepLinkClass input {
  width: 350px;
  font-size: 11px;
}

.navigation {
  position: absolute;
  margin: 40px 0 0 -5px;
}

.navigation input, .navigation a, .navigation span {
  margin-right: 3px;
}

.navigation .ActiveLinkButtonClass {
   font-weight: bold;
}


.hitsClass {
  position: absolute;
  margin: 40px 0 0 206px;
}

.scrollPanelClass {
  position: absolute;
  margin: 70px 0 0 -5px;
}