/* exhibits.css, 2.0 2010-May-17
 *
 * (c) 2007 Computer History Museum		http://www.computerhistory.org
 *
 * Edit according to styleguide
 *
 */


/* MAIN LAYERS AND ELEMENTS; colors: #990000, #f9c2c2
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.localnav li a.active {	background-color: #fae9af;}
div#header { border-bottom: 4px solid #f90; }
div#footer { border-top: 2px solid #f90; }
h1 { background: url(/_common/img/explore/hh-explore.gif) no-repeat 0 5px; }
h2 { color: #e4951e; }
h2.localnav	{ color: #3e3e3e; font-size: 1.65em; padding: 0 0 0 15px; margin-top: 1em; }
div#intro { width: 684px; margin: 0 0 20px 26px; padding-top: 20px; position: relative; overflow: hidden; display: block; }
div#main { width: 684px; margin: 0 0 0 26px; position: relative; overflow: hidden; display: block; }
div#main ul { list-style-type:none; margin:0; padding-left:9px; }
div#main ul li { background:transparent url(/_common/img/list-bullet.gif) no-repeat scroll 0 7px; padding-left:0.8em; }
.info { float: right; }
.info .title { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0; margin-bottom: 5px;}
.info .title a { font-weight: bold; }
.w-435 { width: 435px; }
.w-560 { width: 560px; }
ul.styled li { background: url(/_common/img/list-bullet.gif) no-repeat 0 15px; padding-left: .8em; }

/* HIGHLIGHTS
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
div#acknowledgements { background-color: #f8f8f8; padding: 10px 30px 20px 26px; }
div#acknowledgements ol { list-style: outside decimal; }
div#acknowledgements li.highlight { padding-top: 7px; border-bottom: 1px dashed #e2e2e2; }
.question { display: block; padding: 10px 0 0 0; margin: 10px 0 0 0; color: #333333; font-style: italic; }
.answer { display:block; padding: 10px 20px; background-color: #f8f8f8; border-left: 5px solid #f2f2f2; }



/* THE COLLECTION OVERVIEW styles
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.cwrap {width: 684px; margin: 20px 0 30px 0; }
.cwrap img { float: left; margin: 5px 10px 0px 0px; border: 5px solid #f3f3f3; padding: 2px; }
.cwrap .box { width: 325px }
.cwrap .left { float: left; }
.cwrap .right { float: right; }
.cwrap .title { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0; margin-bottom: 5px; font-weight: bold; }
.field { margin-bottom: 12px; }


/* CATALOG SEARCH
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.imagewrap { float: right; width: 207px; background: #efeee9;background: #f0efed; margin-left: 10px; }
.imagewrap img { width: 195px; margin: 5px 0 45px 5px; border: 1px solid #fff;}

.mediawrap { width: 684px; background:#fff; background: #efeee9;  padding: 15px 0 15px 0; margin-top: 20px; }
.mediawrap .mediarow { margin-bottom: 30px; }

.mediaImage { float: left;  width: 150px; margin-left: 15px; vertical-align: bottom; }
.mediaImage img { width: 140px; background: #fff; padding: 5px 5px 5px 5px; border: 1px solid #ddd; vertical-align: bottom;}

.mediarow ul li { margin-top: 5px; }
.mediaDocument, .mediaAudio, .mediaVideo { padding-top: 15px; }
.mediarow .mediasection { float: left; padding-right: 15px; margin-right: 10px; border-right: 1px solid #ccc; }
.mediasection img { margin-left: 15px; /*width: 64px;*/ }
.mediacontent { float: left; }

.imgTitle { font-size: 1em; color: #333; padding-bottom: 15px;}
.imageright img, .imageleft img {border: 1px solid #ccc; padding: 2px;}
.label, h4 {  font-size: 1.2em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.itemwrap { float: right: width: 300px; margin-left: 200px; border-left: 1px solid #ccc; padding: 0 20px; }
.quoteby { margin-left: 30px;}
.imagecaption { font-size: .8em; font-style: normal; color: #333333; }
.imagecredit { font-size: .7em; font-style: italic; color: #999999; }


.field table { }
.field table td { padding-right: 20px; font-size: .9em; vertical-align: top; }
.field .tablebg td { background: #fafafa; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;  }
.field table .col1 { width: 100px; }
.field table .col2 { color: #333; }
.field table .col3 {  }
.field .people { color: #333; }

.strongText { color: #333; font-size: 1.1em;}

.detailPaging { padding: 0; margin: 0; margin-bottom: 25px; font-size: .8em; border-bottom: 1px solid #ccc;  }
.detailPaging .records { float: left; width: 300px; }
.detailPaging .mininav { float: right; text-align: right; height: 18px; }


/* HIGHLIGHTS styles
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
ol.recordNav { margin:0; padding:0; list-style:none; border: none; }
.recordNav li { padding: 0; margin: 0; display: inline; list-style-type: none; height: 30px; line-height: 18px;}

.recordNav li a { padding: 3px 9px;  background: #fafafa; } 
.recordNav li a:hover { background: #dedede; background: #bcd1e2; color: #fff; border-bottom: 0px solid black;} 




/* APPLE OVERLAY styles
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
img.apple { cursor: pointer; }
.apple_overlay { display:none; background-image:url(/_common/img/tabs/overlay.jpg); padding: 10px; font-size: 1em; }
.apple_overlay .close { background:url(/_common/img/tabs/close.gif); position:absolute; right: 5px; top: 5px; cursor:pointer; height:35px; width:35px; }


/* PHOTO OVERLAY styles
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
img.photo { cursor: pointer; }
.photo_overlay { display:none; background-image:url(/_common/img/tabs/overlay-vertical.jpg); padding: 10px; font-size: 1em; }
.photo_overlay .close { background:url(/_common/img/tabs/close.gif); position:absolute; right: 5px; top: 5px; cursor:pointer; height:35px; width:35px; }