@import "/prints-drawings/prints-drawings.css";
/* viewer specific */

.page_area {
  width: 1176px;
  border:1px solid;
  /*border-color:#AA8C4E;*/
  border-color: #FFD878;
  padding:0px;
  margin:0px;
}

img { border: 0px; }

#topnav {
  display:block;
  width: 1174px;
  background-color:#5C3E1C;
  height: 72px;
  color:#FFFFFF;
  margin:0px;
  padding:0px;
  }

#sidenav {
visibility:hidden;
width:0px;
height:0px;
}

#viewer_port {
  position:relative;
  width: 1174px;}

#selection_plus_nav {
  display:block;
  background-color:#7D5D22;
	border-bottom: 1px solid;
	border-color: #FFD878;
	/*padding:10px 10px 0px 10px;*/
	padding:4px;
	padding-bottom:0px;
	margin:0px;
	width:980px;
  }

  .prev_next_nav {
    display:block;
	clear:both;
	width:1168px;
    /*margin-bottom:4px;*/
    padding-bottom: 4px;
  }
  /*
  .prev_next_row {
    margin-bottom:-10px;
  }
  */
  
  .back {
    display:inline-block;
	vertical-align:middle;
	width:33%;
	/*float:left;
	border: 1px solid;	
	width:180px;*/}
	
  .arrows {
    display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:33%;
	/*border: 1px solid;
	float:left;
	width:180px;*/}
  
  .jump {
    display:inline-block;
	vertical-align:middle;
	width:34%;
	text-align:right;}
  
  .jump_form {
  display:inline;}
  
  .jump_form input {
    vertical-align:middle;}
  
  .jump_to {
  margin:0px;}
  
  .jump_button {
    align:bottom;}
  
#nav2 {
  display:block;
  clear:all;
  width:1168px;
  background-color:#7D5D22;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #F9DB79;
	padding:4px;
  }
  
/* Set width of result to determine the number of items per row. */

#result_area {
  position:relative;
  left:75px;
  top:20px;
  width:820px;
  display:block;
  padding:8px;
  margin-bottom:28px;
  }

  .result {
    position: relative;
    float: left;
	width: 200px;
	clear: none;
  }
  
  .item_number {
    float: left;
  }
  
  img.thumbnail {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  }

  .image_area {
    display: table-cell;
	vertical-align:middle;
	text-align:center;
    height: 120px;
	width: 180px;
	}
  
  .result_label {
  position: relative;
  overflow: visible;
  clear: left;
  margin-left: 1em;
  text-indent: -1em;
  padding: 1.5em;
  }
	
  #search {
    display:block;
	clear:both;
	text-align:center;
	vertical-align:middle}
	
  #search img,input {
    vertical-align:middle;}
	
 #selections {
    background-color:#7D5D22;
	width:800px;
	padding:2px;
	padding-top:10px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	}
	
   .selection_menu {
    margin-top:6px;
    margin-bottom:6px;
	}
   
  .selection_result {
    display:inline;
    float: left;
	width: 180px;
	clear: none;
	background-color:inherit;}
	
  .mod4 { 
    clear:left;
	width: 25%;}
   
  .smod4  {
   clear:left;
   width:100%;}
	
  .selection_controls {
    float:right;
	width: 165px;
	margin-top:20px;}

  .selection_status {
    display:table;
	padding: 4px;
	clear: both;
	background-color:#7D5D22;
	border: 1px solid;
	border-color: #5C3E1C;
	width:100%;
  }
  
  .selection_back {
    display:block;
	float:left;
	width:100px;}
	
  .selection_count {
    display:block;
	float:left;
	width:275px;}

/*alt_text styles*/	

.interview p {
  clear:none;
  }

  .inset_image {
   background-color:#FFFFFF;
   padding:6px;
   float:right;
   clear:right;
   color:#191919;
   width:200px;
   text-align:center;
   }
   
   .inset_image img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-top:4px;
   margin-bottom:4px;}

  .caption {
    width:190px;}

/*Postcards*/

#postcard {
  display:block;
  border: 1px solid;
  border-color: #AA8C4E;
  color:#AA8C4E;
  font-weight:bold;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  width: 900px;
  margin-top: 24px;}  
  
#postcard_inner {
  display:block;
  padding: 8px;
  border: 1px solid;
  border-color: #AA8C4E;
  height:400px;}

#postcard_left {
  display:block;
  float:left;
  width: 625px;
  }  
  
#postcard_image {
  width: 600px;
  display: block;}

#postcard_middle {
display:block;
float:left;}
  
#postcard_image img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   border: 1px solid;
  border-color: #AAA #444 #444 #AAA;}
  
#postcard_form {
  display: block;
  float:left;
  padding: 1em;
  width:100px;}

  .cl_hack {clear:all;}
  
  .float_label {float:left;}
  
#postcard_message {padding: 6px;}
  
#postcard_identity {
  display:block;
  position:relative;
  bottom:3px;
  right: 3px;
  padding-top: 3px;}
  
#send_button {
  padding:1em;
  float:right;}

/* details page*/

#g_image {
	display:inline-block;
	padding:16px;
	width:812px;
	float:left;}

#g_image img {
  display:block;
  margin-left: auto;
  margin-right: auto;
  }

#primary_text {
   display:inline;
	clear:left;
	}

#right_info {
  display:inline-block;
	width: 315px;
	background-color:#5C3E1C;
	background-image:url(/prints-drawings/images/image-info-header.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:4px;
	padding-top: 35px;
	  border-left: 1px solid;
  border-color:#AA8C4E;
  }

.label {
	margin-bottom: 4px;
    color:#AA8C4E;
	clear:left;
	}

.label_data {
   display:block;

	font-weight:bold;
	}

#primary_text {
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	font-size: 90%;
	line-height : 132%;
	border-top: 1px solid;
	border-color:#AA8C4E;
}

#primary_text p {
   font-family: inherit;
   font-size: inherit;}

#commands {
float:left;}

#commands img {
    padding: 6px;}
	
/*Popups*/
#popup_nav {
  width: 100%;
  background-color:#FFFFFF;
  height: 38px;
  color:#FFFFFF;
  border-bottom: 1px solid;
  border-bottom-color:#636844;
  }
  
#popup_close {
 float:right;
 position:absolute;
 top:6px;
 right:6px;}

#popup_id {
  width:111px;
  height:23px;
  position:relative;
  top:6px;
  left:6px;
  }

#popup img {
  padding:8px;}
