/***************digital preservation specific styles*************/

/***OpinionLab fix****/
#O_o, #O_c {position:fixed !important;} #O_o {top:auto !important;bottom:10px !important;}  


/********************
left nav
********************/
#left_nav .leftnavimg {
background: transparent url(../images/left_nav.jpg) 0 0 no-repeat;
}

div.item {
	margin: 20px 0;
	min-height: 67px;
	clear: left;
}
div.item p {
	margin-left: 100px;
	margin-bottom: 5px;
}
div.item img, img.thumbnail {
	border: 1px solid #ccc;
	padding:2px;	
}

img.thumb_border {padding:2px;border:1px solid #CCCCCC;}

/********************
twitter styles
********************/
.twtr-widget {
font-family: Arial, Helvetica, sans-serif !important;
margin-bottom:1em !important;
}
.twtr-hd {
display:none !important;
}
.twtr-bd {
padding: 0 !important;
}
.twtr-widget .twtr-tweet-wrap {
padding: 6px 0 !important;
}
.twtr-ft span a.twtr-join-conv {
    font-size: 11px !important;
}
div.twtr-ft {
    display: none;
}

/********************
Course Table Styles
********************/
/********************
Custom table
********************/
table.cust-full, table.simple {
border-width: 0 !important;
margin: 5px 0;
}
table.simple td {color: #000 !important;padding:0 15px 0 0 !important;border-width:0 !important;}
table.simple td.heading {width:130px !important;}
table.cust-full th, table.cust-full td {
border-width: 0 !important;
padding: 7px 7px !important;
}
table.cust-full th {
background-color: #e6e4d7 !important;
background-color: #cbcbb9 !important;
}
table.cust-full tr.odd td {
background-color: #f7f6e4 !important;
}
/* addon */
table.valign_alt th {vertical-align:bottom;border-left:1px solid #fff !important;} 
table.valign_alt th.first {border:none;} 
table.valign_alt td {vertical-align:top;}

table.cust-full th.header {
padding-left:15px !important;
background:#e6e4d7 url(/images/sort-def.gif) 6px 100% no-repeat;
background-color: #cbcbb9 !important;
cursor:pointer;
}
table.cust-full th.headerSortUp {
padding-left:19px !important;
background-image: url(/images/sort-on-up.gif);
background-color: #666 !important;
color:#ccc !important;
}
table.cust-full th.headerSortDown {
padding-left:19px !important;
background-image: url(/images/sort-on-down.gif);
background-color: #666 !important;
color:#ccc !important;
}

/********************
multimedia feature 
********************/
/* multimedia feature  heading */
#play {
margin-bottom:1.25em;
background:#ccc url(../images/mm_bg_play.gif) left top repeat-y;
}
#play h2 {
background-color:#545454;
margin-bottom:0;
padding: 8px 10px;
color:#dcdcdc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
position:relative;
line-height:1em;
border:1px solid #545454;
border-bottom:none;
/*gradient*/
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.5, rgb(50,50,50)),
color-stop(0.5, rgb(85,85,85))
);
background:-moz-linear-gradient(
center bottom,
rgb(50,50,50) 50%,
rgb(85,85,85) 50%
);
}
#play h2 span {
right:10px;
top:6px;
position:absolute;
font-size:11px;
line-height:10px;
overflow:hidden;
}
#play h2 span em {
font-family:Arial, Helvetica, sans-serif;
display:block;
overflow:hidden;
}
#play h2 span,
#play h2 span em,
#play h2 span a {
font-style:normal;
font-weight:normal;
}
#play h2 span a, 
#play h2 span a:visited {
color:#bbbbbb;
text-decoration:none;
padding: 2px 8px;
background-color:transparent;
border:1px solid #0a0a0a;
border-right-color:#757575;
border-bottom-color:#757575;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
display:block;
}
#play h2 span a:hover, 
#play h2 span a:focus {
text-decoration:underline;
color:#fff;
}

/* multimedia feature content */
#play .box-clip {
background-color:#000;
width:500px;
padding:10px;
float:left;
}
	#play .box-clip .clip {
	float:left;
	width:160px;
	margin-left:10px;
	}
	#play .box-clip .clip.first {margin-left:0;}
	#play .box-clip p {
	margin-bottom: 0;
	font-size:.9em;
	color:#999;
	text-align:right;
	}
	#play .box-clip img {
	margin: 2px 0 4px 0;
	}
	#play .box-clip h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
	line-height: 1.25em;
	color:#999;
	}
#play .box-list {
background-color:#ccc;
width:164px;
padding:10px;
float:left;
font-size:.9em;
}
	#play .box-list a:link,
	#play .box-list a:visited {
	color: #333;
	}
	#play .box-list a:focus,
	#play .box-list a:hover,
	#play .box-list a:active {
	color: #000;
	}
	
/**
 * These are a few tweaks to ease some conflicts between LoC css 
 * and the various recollection style sheets. Some may be worth 
 * generalizing, others are just loc spesific tweaks. 
 */



/* Little Tweaks for LOC Partners Page*/
#main_body .text-facet p {padding:1em 0px} /* Overide LOC defaults*/

/* Hide the title block*/
.colhead {display:none}
.clear {display:none}
/*div.exhibit-facet-body {height:19em !important} Make facet for titles longer*/
.embed-watermark {display:none}

/*keep that map blue*/
div.olMap {
background-color:#B5D6F1;
}

/*Resize some of the layouts to in 800px canvas*/
.leftmenu .col1 {
left:99%;
width:75%;
/*float:right*/
} 
.leftmenu .col2 {
width:23% !important;
float:left}

/*Overiding table issues for views*/
.exhibit-list-table {
border:none !important
}

/*Overiding bolding issues in tables*/
 #main_body table .exhibit-label {font-weight:bold}

/*Overiding table issues for views*/
.exhibit-list-table {
border:none !important;
margin:0em !important
}
.exhibit-label {font-size:.8em}
.exhibit-value {font-size:.8em}
/*get rid of scroll bar at the bottom
.olFramedCloudPopupContent {overflow-x:hidden !important}*/


/*Make List View More Legiable*/
#main_body .exhibit-list-table {font-size:1.2em;list-style:none;}
#main_body ol li {list-style:none;
}
.exhibit-collectionView-group h1 {display:none} /* Hide redundant h1s in list view*/

/*Hide number of items
.exhibit-collectionSummaryWidget-results {display:none}*/
div.olMap {
margin-top:1em !important;}

/*Border for titles in list view*/
.ui-widget-header {border-bottom:solid;
border-width:2px; font-size:1.2em}\

#ChartArea {margin-left: -55px;} /*Havent gotten this to work yet, need to reposition the chart*/