/* =================== */
/*  Global formatting  */
/* =================== */

body
{
  margin: 0px;
  padding: 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  color: black;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
}


a, a:link, a:visited, a:hover, a:active, a:focus {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: black;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

/* used as main header on intro page */
h1 {
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #222;
}

/* sub-headings on intro page */
h2 {
	margin-top: 28px;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	color: #555;
}

/* main header on search forms */
h2.search {
	margin-top: 0px;
	margin-bottom: 20px;
}

/* table header on detailed display */
h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 10px;
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
}

/* large classfication at top of first section of detail display */
h3.classification {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-size: 1.4em;
	font-style: italic;
}

/* large header at top of first section of detail display */
h3.head {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-size: 1.3em;
}


/* field header in detail display. also see .detailFieldHeader */
h4 {
	font-size: 1em;
}

h4.title {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 6px;
	color: #333333;
}


p {
	margin-top: 11px;
}

ul
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #cc1010;
}

.highlight
{
  font-weight: bold;
  color: #cc1010;
}

.checkBox {
	border: none;
}

table.area {
	font-size: 0.85em;
}

table.area td {
	padding: 5px;
}

table.area thead td {
	background-color: #eaeaea;
}

table.area a:link, table.area a:visited {
	text-decoration: underline;
}

table.area tbody td {
	border-bottom: 1px dotted #bbb;
}


/* ============ */
/*  Main areas  */
/* ============ */


#topContainer {
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0;
}


/* -- MAIN HEADER -- */

#mainHeaderContainer {
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid black;
}

#mainHeaderContent {
	height: 110px;
	padding-left: 5px;
	background-color: black;

}

#mainHeaderText {
	padding-top: 15px;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-weight: normal; 
	font-size: 14px; 
	color: white; 
}

#mainHeaderLogo {
	border: none;
	float: right;
}

#mainHeaderBreadcrumbBar {
	clear: both;
	height: 16px;
	padding-top: 3px;
	padding-left: 7px;
	padding-bottom: 3px;
	text-align: left;
	font-size: 0.8em;
	background-color: #656565;
}

#mainHeaderBreadcrumbBar, #mainHeaderBreadcrumbBar a:link, #mainHeaderBreadcrumbBar a:visited {
	text-decoration: none;
	color: white;
}

#mainHeaderBreadcrumbBar a:hover, #mainHeaderBreadcrumbBar a:active, #mainHeaderBreadcrumbBar a:focus {
	text-decoration: underline;
	color: #cccccc;
}


/* -- HOME LINK AND COLLECTION BANNER -- */

#museumsHome {
	float: left;
	height: 54px;
	width: 150px;

	padding-top: 18px;
	text-align: left;

	font-size: 0.85em;

	background-image: url("../images/museumsHomeLine.gif")
}

#museumsHome a:link, #museumsHome a:visited {
	text-decoration: none;
	color: #000000;
}

#museumsHome a:hover, #museumsHome a:active, #museumsHome a:focus {
	text-decoration: underline;
}

#museumBanner {
	float: left;
	width: 590px;
	height: 72px;
	border-bottom: 1px #666666 dotted;
	vertical-align: bottom;
}

#museumBannerImg1, #museumBannerImg2 {
	float: left;
	border: none;
	margin-top: 31px;
}

#museumBannerImg2 {
	margin-top: 33px;
	margin-left: 10px;
}

#bannerRight {
	float: left;
	width: 60px;
}

/* --- MAIN CONTENT --- */

#bodyContainer {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#leftBodyColumn {
	float: left;
	width: 150px;
	height: 800px;
	overflow: visible;
}


#collectionButtons {
	margin-top: -0px;
	height: 80px;
	overflow: visible;
}

.collectionButtonRow {
	height: 22px;
	width: 129px;
	margin-top: 4px;
	text-align: left;
}

.collectionButton {
	height: 20px;
	width: 20px;
	border: none;
}

/* LEFT HAND MENU */

#leftMenu {
	padding: 0px 0px 10px 0px;
}

.leftMenuButtons {
	border-collapse: collapse;
}

#briefLeftMenuButtons {
	margin-top: 60px;
}

#detailLeftMenuButtons {
	margin-top: 30px;
}

#cartLeftMenuButtons {
	margin-top: 30px;
}

#historyLeftMenuButtons {
	margin-top: 30px;
}

.leftMenuButtons td {
	padding: 3px;
	text-align: left;
	font-size: 0.85em;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;

}

#leftMenu a:link, #leftMenu a:visited {
	text-decoration: none;
	font-weight:normal;
}

#leftMenu a:hover, #leftMenu a:active, #leftMenu a:focus {
	font-weight: bold;
	color: #333;
} 

#detailLeftMenuButtons td.activebutton a{
	font-weight: bold;
	color: #222;
}

/* MAIN CONTENT AREA */

#mainBodyArea {
	float: left;
	width: 646px;
	height: 800px;
	padding-top: 10px;	
	text-align: left;
}

#mainContent {
	clear: both;
	float: left;
	width: 560px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 30px;
	/*background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;*/
}


#rightBodyColumn {
	float: right;
	width: 45px;
	height: 300px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background: transparent;
	
}


/* =================== */
/*  Introduction page  */
/* =================== */

.page {
	font-size: 0.95em;
}

.page a:link, .page a:visited {
	text-decoration: underline;
}




/* ============= */
/*  Search form  */
/* ============= */

#searchActionsTable {
	border-collapse: separate;
	border-spacing: 5px;
}

#searchActionsTable .button, #searchActionsTable .activebutton {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.85em;
}

#searchActionsTable .button {
	border: none;
	background: #eaeaea;
}

#searchActionsTable .activebutton {
	border: none;
	background: #eaeaea;
	border: 1px solid #999999;
}

.button a:link, .button a:visited {
	text-decoration: none;
}

.button a:hover, .button a:active, .button a:focus {
	text-decoration: underline;
}

#searchFormMainTable {
	margin-top: 10px;
}

.darkLabel, .lightLabel {
	padding: 2px 7px 2px 7px;
	font-size: 0.8em;
	vertical-align: middle;
}

.darkLabel
{
	background-color: #e9e9e9;
}

.lightLabel
{
	height: 29px;
	width: 95px;
	padding-bottom: 5px;
}	

#SearchForm1_ctl10_TextBoxSimplesearch {
	width: 320px;
}

#simSearchTextbox input {
	width: 330px;
}

.advSearchRow td {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.advSearchLabel {
	width: 140px;
}

.advSearchTextbox input {
	width: 200px;
	height: 14px;
}

#advSearchListHeader {
	padding-left: 15px;
}
	
.advSearchListButton {
	width: 40px;
	padding-left: 15px;
}


.expertSearchRow td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.expertSearchTextBox input {
	width: 160px;
}

.expertSearchTrc {
	padding-left: 15px;
}

.RowButton {
	padding-left: 13px;
}

.searchFormOptionSet {
	width: 100%;
	margin-top: 8px;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}

#searchFormFilterCheckbox {
	padding-top: 3px;
}

label {
	font-size: 0.85em;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: 15%;
}

#refineSearchCheckbox {
	margin-top: 10px;
	font-size: 0.95em;
}

#searchFormButtons {
	margin-top: 20px;
}


#listWindow {
	padding: 20px;
}

/* 'geen treffers gevonden' message. hopefully can eventually write some javascript to reword this onload, then can stick it at the top of the page make use of it */
#SearchForm1_noAction {
	color: #ffffff;
}


/* =================== */
/*  No records screen  */
/* =================== */

#help_topic {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #444;
}


#LabelHelp {
	font-size: 0.85em;
}

#noRecordsNewSearchButton {
	width: 80px;
	margin-top: 25px;
	margin-left: 190px;
	border: 1px solid #999999;
	padding: 2px 7px 2px 7px;
	vertical-align: middle;
	font-size: 0.85em;
	background-color: #e9e9e9;
}

/* =============== */
/*  Brief results  */
/* =============== */

.searchedFor {
}

.briefNavControl {
	margin-top: 10px;
}

.briefNavControl td {
	padding-top: 4px;
	vertical-align: bottom;
}

.briefNavControl td.briefNavPages {
	vertical-align: bottom;
}

.briefNavControl td.briefNavPages a.hilite {
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
}

.briefNavControl td.briefNavPages a:link, .briefNavControl td.briefNavPages a:visited {
	font-size: 1em;
}

.briefNavControl td.briefNavPages a:hover, .briefNavControl td.briefNavPages a:active, .briefNavControl td.briefNavPages a:focus {
	font-size: 1.1em;
	text-decoration: none;
} 

.briefResultsTable
{
  width: 570px;
  margin-top: 15px;
  margin-bottom: 20px;
  border-collapse: collapse;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
  
}

.briefResultsTable td
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	vertical-align: top;
	font-size: 0.95em;
}

.briefResultsTable a:link, .briefResultsTable a:visited {
	text-decoration: none;
}

.briefResultsTable a:hover, .briefResultsTable a:active, .briefResultsTable a:focus {
	text-decoration: underline;
} 

.briefResultsTable td.briefDataCell, .briefResultsTable td.briefNumberCell {
	padding-top: 20px;
}

.briefResultsTable td.briefCheckboxCell {
	padding-top: 22px;
}

.briefResultsTable td.briefDataCell {
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.briefThumbnailCell
{
	text-align: right;
	
}

.briefThumbnail {
	border: 1px solid #aaa;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px; 
}

.dark
{
  /*background: #eaeaea;*/
  vertical-align: top;
}

.light
{
  vertical-align: top;    
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
  border-collapse: collapse;
}

.ArchiveResultsTable td
{
	padding: 0px;	
}

.ArchiveThumbnailCell
{
	text-align: right;
}

.active, .active a
{
  background: #cccccc;
  font-weight: bold;
  color: #cc1010;  
}

/* ================ */
/*  Detail display  */
/* ================ */

#detailNav
{
	margin: 0px;
}	

#detailNav span
{
	vertical-align: top;
}

div.bookmarkLink {
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 20px;
	text-align: right;
	vertical-align: top;
	font-size: 0.85em;
}

div.bookmarkLink div {
	float: right;
}

div.bookmarkLink a {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

div.bookmarkLink a:visited, div.bookmarkLink a:link {
	text-decoration: underline;
}

div.bookmarkLink a:hover, div.bookmarkLink a:focus, div.bookmarkLink a:active {
	text-decoration: none;
}

img.bookmarkLink {
	float: left;		
	margin: 0px 5px 0px 0px;
	border: none;
	height: 16px;
	width: 16px;
	padding: 0px;
}


img.bookmarkLinkHelp {
	border: none;
	margin: 0px 0px 0px 10px;
	height: 20px;
	width: 20px;
	padding: 0px;
}


.detailTableOuter {
	width: 100%;
	margin-bottom: 20px;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 0px 1px 0px;
	border-collapse: collapse;
	text-align: left;
	background: #eee;
}

.detailTableOuter th
{
	padding-left: 10px;
	text-align: left;
	font-size: 1em;
}

.detailTableOuter td
{
	padding: 15px 15px 0px 10px;
	vertical-align: top;
}

.detailTableOuter td.checkboxColumn {
	width: 13px;
}

.detailContainer {
	width: 100%;
	margin-bottom: 0px;
	border-collapse: collapse;
	text-align: left;
	font-size: 0.85em;
}

.detailContainer th
{
	padding-left: 10px;
	text-align: left;
	font-size: 1em;
}

.detailContainer td
{
	border: none;
	padding-top: 0px;
	padding-left: 10px;
	vertical-align: top;
}


.detailTableOuter td#taxHierarchy {
	padding: 13px 10px 10px 17px;
}

.detailTableInner {
	width: 100%;
	margin-bottom: 20px;
	border: 0px;
	border-collapse: collapse;
	text-align: left;
	background: none;
}

.detailTableInner td {
	padding-left: 0px;
}


div#taxHierarchy {
	font-size: 0.65em;
}

/*div#taxHierarchy td {
	padding: 0px;
}*/


table.taxHierarchyInner {
	margin: 0px;
	margin-top: 2px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
}

table.taxHierarchyInner td {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

table.taxHierarchyInner td img {
	margin-right: 2px;
}


#detailClassification {
	margin-bottom: 2px;
	font-size: 1.4em;
}

.detailFieldHeader {
	margin-top: 5px;
	margin-bottom: 2px;
	color: #333333;
}

.detailData {
	margin-top: 0px;
	margin-bottom: 11px;
}

.afterArtist {
	margin-top: -5px;
	font-size: 0.85em;
}

.detailDataSecondary {
	margin-top: -6px;
}

.detailLabel {
	font-weight: bold;
}

#detailImageContainer {
	float: right;
	margin-right: 30px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 0.85em;
}

.detailImage {
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
}


.detailImageCredit {
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 0.75em;
	color: #555;
}

.detailImageCaption {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 1em;
	color: #333;
}

.detailSelectionRecordSeperator
{
	height: 2px;
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	background: #aaaaaa;
	background-color: #aaaaaa;
	color: #aaaaaa;	
}

*>.detailSelectionRecordSeperator
{
	margin: 10px 0 10px 0;
}
/* ====== */
/*  CART  */
/* ====== */

td.cartCheckboxCell {
	width: 25px;
	padding-left: 25px;
	padding-right: 0px;
}

.reserveButton a
{
  font-weight:bold;
  color: #cc1010;
}

.termsAndConditionsDownloadButton
{
  text-align: center;
  background-color: #EEEEEE;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #555555;
  border-left: 2px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}


/* ================ */
/*  Special Area's  */
/* ================ */


#helpButton {
  position: relative;
  margin: 0px;
  width: 100px;
  bottom: 15px;
  left: 550px;
}

#languageFlags
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}

/* ====== */
/*  TABS  */
/* ====== */

#tabContainer {
	height: 30px;
	width: 601px;
	margin-bottom: 0px;
	border-bottom: 1px solid #999;
	padding-left: 0px;
}

.tab, .activetab {
	position: relative;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #777777;
	text-decoration: underline;
	font-size: 0.85em;
	color: #777777;
	background: transparent;
}

#tabContainer > div:first-child {
	border: none;
	padding-left: 0px;
}


.tab a:link, .tab a:visited, .activetab a:link, .activetab a:visited {
	text-decoration: underline;
}

.tab a:hover, .tab a:active, .tab a:focus, .activetab a:hover, .activetab a:active, .activetab a:focus {
	text-decoration: underline;
}

.activetab, .activetab a:link, .activetab a:visited, .activetab a:hover, .activetab a:active, .activetab a:focus{
	font-weight: bold;
	text-decoration: none;
}

.tab, .tab a:link, .tab a:visited, .tab a:hover, .tab a:active, .tab a:focus {
	font-weight: normal;
}


/* ------------- */
/* COPYINFO WINDOW  */
/* ------------- */
body#copyInfo
{
  background-color: #eeeeee;
  color: #000000;  
  text-align: left; 
  padding: 15px;

}

body#copyInfo td
{
  text-align: left;  
  border: solid 1px black; 
}

body#copyInfo .header
{ 
  font-weight: bold; 
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  color: #000000;
  padding: 20px;
}

.photoCaption {
	line-height: 3em;
}

/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  color: #000000;
  padding: 20px;
}

body#helpContent b {
	color: #333;
}

div#help_topic strong {
	/*text-decoration: underline;*/
}



/* ------- */
/*  OTHER  */
/* ------- */

.perkament .tdTop
{
  background-image: url(../images/perkament-top.gif);
  width:600px;  
  height: 78px;
}

.perkament .tdMiddle
{
  background-image: url(../images/perkament-middle.gif);
  width:400px;
  background-repeat: repeat-y;
  text-align: justify;  
}

.perkament .tdBottom
{
  background-image: url(../images/perkament-bottom.gif);
  width:600px;
  height: 202px;
}

/* ------------- */
/* LIST WINDOW   */
/* ------------- */

.listContent
{   
  background:#EEEEEE;     
  border-left: solid 10px #EEEEEE;
}

#browseDiv {
	position: absolute;
	top: 29px;
	left: 160px;
	/*border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;*/
	padding: 3px 5px 1px 5px;
	/*background-color: #E4E4E4;*/
	
}

#browseCell {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	font-weight: bold;
}

#browseBackCell {
	padding-top: 1px;
	padding-right: 7px;
}

#browseForwardCell {
	padding-top: 1px;
	padding-left: 7px;
}





/* -------------      */
/* CALENDAR WINDOW    */
/* -------------      */

.CalenderBody
{   
  background:#EEEEEE; 
}

.calendar table td a,.calendar table td 
{   
  font-family: "Trebuchet MS" , Arial, Helvetica;
  
  font-size: 13px;
  margin-left:0px;  
  background-color:#EEEEEE; 
  color : #000000;
}

.calendar table .DayHeader
{   
  background-color: #c33030; 
  color : #FFFFFF;
}

.calendar table td a .SelectedDay
{   
  background-color:#EEEEEE; 
  color:black;
}

.calendar table .TodayDay a
{   
  background-color: #c33030; 
}

.calendar table .Selector
{   
  background-color:#EEEEEE; 
}

.calendar table .NextPrev, .calendar table .Title
{   
  background-color:#EEEEEE;  
}


/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.errorMessage
{
  color: red;
}

.requiredFieldError
{
  color: red;
}