@import "../../styles/base.css";
/* viewer specific */

img { border: 0px; }

.viewerArticle {
	padding:0;
	margin: 0 auto;
	border-top:1px solid #aaa;
}

/*** article classes ***/

div.viewerArticle{
	padding: 10px;
	min-width: 166px;
}
div.viewerArticle a:link{
	color: #1788a3;
}
div.viewerArticle a:visited{
	color: #660066;
}
div.viewerArticle img{
	/*padding-bottom: 15px;
	padding-right: 10px;*/
	/*padding: 0 10px 15px 10px;*/
}
div.viewerArticle p.smallheadline{
	font-size: 105%;
	font-weight: bold;
}
div.viewerArticle p.description{
	font-size: 95%;
	font-style: italic;
}
div.viewerArticle a.imagelink, div.article a.imagelink:hover, div.article a.imagelink:visited {
	color: #ffffff;
	background: #ffffff;
}


#viewer_port {
  padding:0 4px;
  width:555px;
  }

  .prev_next_nav {
    display:table;
	padding: 4px;
	clear:both;
	background-color:#ccc;
	border: 1px solid;
	border-color: #aaa;
	width:545px;
   margin-bottom:6px;
  }
  
  .prev_next_row {
    display: table-row;}
  
  
  .back {
    display:table-cell;
	vertical-align:middle;
	width:33%;
	/*float:left;
	border: 1px solid;	
	width:180px;*/}
	
  .arrows {
    display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:33%;
	/*border: 1px solid;
	float:left;
	width:180px;*/}
	
	.arrows img {
		vertical-align:middle;
	}
  
  
  .jump {
    display:table-cell;
	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;}
  
/* Set width of result to determine the number of items per row. */
  .result {
    position: relative;
    float: left;
	/*width: 220px;*/
	width:50%;
	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: 170px;*/
    padding:10px 0 10px 1.6em;
	/*width: 250px;*/
	}
  
  .result_label {
  position: relative;
  overflow: visible;
  clear: left;
  margin-left: 1em;
  text-indent: -1em;
  padding:0 1.5em 20px 1.5em;
  }
	
	
  #search {
    display:block;
	clear:both;
	text-align:center;
	vertical-align:middle}
	
  #search img,input {
    vertical-align:middle;}
	
  #selections {
    background-color:#FFFFFF;
	width:445px;
	padding:2px;
	display:table;
	}
	
   .selection_menu {
    margin-top:6px;
    margin-bottom:6px;
	}
   
  .selection_result {
    display:inline;
    float: left;
	width: 180px;
	clear: none;
	background-color:inherit;}
	
	  .mod2 { 
    clear:left;
	width: 100%;}
   
  .smod2  {
   clear:left;
   width:100%;}
	
  .selection_controls {
    float:right;
	width: 165px;}

  .selection_status {
    display:table;
	padding: 4px;
	clear: both;
	background-color:#CCCCCC;
	border: 1px solid;
	border-color: #000000;
	width:500px;
  }
  
  .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: #AAA #444 #444 #AAA;
  background-color: #bbbbbb;
  margin:0 auto;
  padding: 16px;
  width: 506px;
  margin-top: 24px;
  overflow:auto;
  }

#postcard br {
  clear:all;}  
  
#postcard_inner {
  background-color: #dddddd;
  padding: 8px;
  /*border: 1px solid;
  border-color: #1A211E;*/
  overflow: auto;
}

#postcard_left {
  display:inline;
  float:left;
  width: 325px;
  font-size: 75%
  }  
  
#postcard_image {
  width: 320px;
  margin:10px 0 20px 0;
  }
  
  #postcard_left p {
  	text-align:left;
  	margin:0;
  	padding: 0;
  	line-height:1.3em;
  }

#postcard_middle {
	visibility:hidden;
	display:none;
}
  
#postcard_image img {
   display:block;
   margin:0 auto;
   border: 1px solid;
   margin-bottom:10px;
   border-color: #AAA #444 #444 #AAA;
   }
  
#postcard_form {
  display: inline;
  float:left;
  padding: 0;
  padding-left:10px;
  margin-left:2px;
  margin:0;
  margin-top:20px;
  border-left:1px solid #aaa;
  font-size:80%;
  text-align:left;
  }
  
 #postcard_form form {
  	padding:0;
  	margin:0;
  	width:100px;
  }

 /*.cl_hack {clear:all;}*/
  
  .float_label {float:left;}
  
#postcard_message {
	margin:10px 0 20px 0;
	padding:5px;
	/*background-color:#fff;*/
	}
	
#postcard_message p {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.3em;
	width:140px;
	}
  
#postcard_identity {
  display:block;
  position:relative;
  bottom:3px;
  right: 3px;
  padding-top: 3px;}
  
#send_button {
  padding:1em;
  float:right;}

/* details page*/

#g_image {
    float:left;
	padding:1em;
    margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:330px;}
	
#primary_text {
	clear:left;
	}

#right_info {
    display:block;
	width: 400px;
	clear:left;
	padding: 6px;}

.label {
    display: block;
	width: 120px;
	float: left;
	margin-bottom: 4px;
	text-transform:uppercase;
    color:#464C2F;
	font-weight:bold;
	clear:left;
	line-height : 132%;
	}

.label_data {
    display: block;
	width: 280px;
	float: left;
	margin-bottom: 4px;
   /*max-height: 72px;
   height:expression(
    this.scrollHeight > 72? "72px" : "auto" );
   overflow: hidden;*/
	}

#primary_text {
	font-family: verdana, arial, sans-serif;
	color: #000000;
	font-size: 90%;
	line-height : 132%;
}

#primary_text p {
   font-family: inherit;
   font-size: inherit;}

#commands {clear:left;}

#commands img {
    padding: 1px;}
	
/*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;}