@charset "utf-8";
/* Custom CSS for Utah State Archives */


/* AddThis buttons adjustment */


.addthis_toolbox.addthis_default_style {
	margin: 0 0 3px 3px;
	float: right;
	width: 30%;
	padding: 0 0 3px 3px;
}
/* Display of RSS blog feeds in aside sidebar */


aside#sidebar ul.rss-items a {
	text-decoration: none;
}
aside#sidebar ul.rss-items {
	padding: 0 0 0 16px;
	margin: 0 0 8px 0;
}
aside#sidebar ul.rss-items li {
	font-size: 90%;
	text-transform: inherit;
	line-height: 20px;
	padding: 4px 0;
}
aside#sidebar ul.rss-items span.rss_date {
	font-size: small;
}
section#main .item-page .digitalImg {
	border: none;
	box-shadow: none;
}
/* Page Date */





section#main .item-page #pagefooter {
	text-align: right;
	font-size: smaller;
	padding: 12px;
	clear: both;
}
/* ------------------- Index Pages Navigation --------------- */
a div.indexNav, a:hover div.indexNav, a div.indexNav h2 {
	text-decoration: none;
	border-bottom: none !important;
}
.indexNav h2 {
	color: #FFF !important;
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 1px #222222;
}
.indexText {
}
.indexNav {
	float: left;
	text-align: center;
	margin: 5px;
	padding: 50px 10px 0px;
	border: thin solid #000;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 150%;
	text-shadow: 0 1px 2px #222222;
	background-color: #817c6e;
	background: url(../images/copper.jpg);
	box-shadow: 0 1px 2px #666;
	height: 150px;
	width: 240px;
}
/* ------------------- Home Page Navigation ------- 
Background image 218px wide and 200px high */

a div.homeQuarter, a:hover div.homeQuarter {
	color: #464646;
	text-decoration: none;
	border-bottom: none !important;
}
.homeQuarter {
	float: left;
	text-align: center;
	margin: 5px;
	padding: 0px 21px;
	border: thin solid #000;
	border-radius: 10px;
	color: #464646;
	font-size: 14px;
	text-align: left;
	background-color: #817c6e;
	box-shadow: 0 1px 2px #666;
	line-height: normal;
	height: 200px;
	width: 218px;
}
.homeQuarter h2 {
	font-family: 'Arimo', Helvetica, Arial, sans-serif;
	font-size: 24px !important;
	text-shadow: 0 1px 1px #222222;
}
/* ------------------ Text General--------------------------- */
/* Small text, apply to paragraph */
.note {
	font-size: small;
}
/* Definitions */
dfn {
	font-style: italic;
}
dt {
	font-size: 120%;
	font-weight: bold;
}
dd {
	padding-left: 20px;
	padding-bottom: 20px;
}
/* Notice Text, apply to div or paragraph */
.notice {
	background-color: #FFFF99;
	margin: 10px;
	border: thin dashed #666666;
	padding: 10px;
}
blockquote {
	margin: 10px 50px;
	padding: 0px 10px;
	border-left: thin solid #b4ae9d;
	line-height: 20px;
	font-size: smaller;
	font-style: italic;
}
pre {
	white-space: pre;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 16px;
}
section#main .item-page img.simpleImg {
	border: none;
	box-shadow: none;
	margin: 0;
}
div.tooltip , span.tooltip{
	float: left
}
/* --------------------- Link Types -------------------------- */
.linkOffsite {
	background: url(../images/icons/offsite.png) no-repeat right center;
	padding-right: 14px;/* 24 for original image */
	margin-right: 6px;
}
.linkRSS {
	background: url(../images/icons/iconRss.gif) no-repeat right center;
	padding-right: 24px;
	margin-right: 6px;
}
.linkPDF {
	background: url(../images/icons/pdf.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkPublisher {
	background: url(../images/icons/publisher.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkWord {
	background: url(../images/icons/word.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.infoIcon {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/qmark_brown.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
.iconfacebook {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/fb.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
.iconyoutube {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/youtube.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
.iconwordpress {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/wordpress.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
span.icongoogleplus {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/google-plus.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
.icontwitter {
	padding-right: 17px;
	margin-right: 2px;
	background-image: url(../images/icons/twitter.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: none;
	vertical-align: baseline;
}
.linkEmail {
	padding-right: 20px;
	margin-right: 6px;
	background: url(../images/icons/email.png) no-repeat right center;
	;
}
.linkExcel {
	background: url(../images/icons/excel.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkPowerPoint {
	background: url(../images/icons/powerPoint.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkZip {
	background: url(../images/icons/zip.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkMovie {
	background: url(../images/icons/movie.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkFlash {
	background: url(../images/icons/flash.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkPicture {
	background: url(../images/icons/picture_go.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
.linkPrint {
	background: url(../images/icons/print.png) no-repeat right center;
	padding-right: 20px;
	margin-right: 6px;
}
/* ---------------------Page table of contents -----------------
apply as class to div which contains one or more Ordered Lists, */
.toc {
	border: #dcdcdc 1px solid;
	width: 75%;
	margin: 1em 0em 1em 0em;
	padding: 0em 1em 0em 0em;
	font-size: 90%;
	border-radius: 10px;
}
/* ---------------------Page table of contents -----------------
apply as class to div which contains one or more Ordered Lists, */
.toc-analyst {
	border: #dcdcdc 1px solid;
	width: 75%;
	margin: 1em 0em 1em 0em;
	padding: 0em 1em 0em 0em;
	font-size: 90%;
	border-radius: 10px;
}
.toc p {
	text-align: center;
	font-weight: bold;
}
.toc-analyst p {
	text-align: center;
	font-weight: bold;
}
.toc ol {
	counter-reset: ordered;
	padding: 0 !important;
	margin: 0 !important;
}
#toc-analyst ol {
	counter-reset: ordered;
	padding: 0 !important;
	margin: 0 !important;
}
.toc li {
	list-style-type: none !important;
	margin: 0;
	padding: 0 !important;
}
#toc-analyst li {
	list-style-type: decimal !important;
	margin: 0;
	padding: 0 !important;
}
#toc-analyst li li {
	list-style-type: upper-alpha !important;
	margin: 0;
	padding: 0 !important;
}
#toc-analyst li li li {
	list-style-type: lower-roman !important;
	margin: 0;
	padding: 0 !important;
}
.toc ol li:before {
	counter-increment: ordered;
	content: counters(ordered, ".")" ";
}
#toc-analyst ol li:before {
	counter-increment: ordered;
	content: counters(ordered, ".")" ";
}
/*---------------------- Table of Holdings ------------------- */	
table.series {
	text-indent: -20px;
	width: 99%;
}
table.series td {
	vertical-align: top;
	border: none;
	padding: 0 20px 0 40px;
}
table.series td:last-child {
	width: 25%;
}
table.series td.agencyname { /* resets intent and emphasizes agency name as a subheading within a holdings table */
	text-indent: 0;
	padding-top: 10px;
	padding-left: 0px;
	margin: 8px 0px 4px;
	text-transform: uppercase;
}
table.series td.holdingshead {
	border-bottom: 1px solid #edeced;
	padding: 20px 0px 0px;
	font-weight: bold;
	text-indent: 0px;
	margin: 0px;
}
/* creates a continuous table with spacing between sections appropriate for lists of holdings such as in research guides */	

td.cell_subheading {
	font-weight: bold; /* for a heading within a tabular list, applies to <td> */
	padding-top: 10px;
	border-bottom: thin solid #8A8A8A;
}
td.cell_groupend {
	padding-bottom: 25px;  /* gives a little space between the end of one group next */
}
/*------------------------- Tablular Data and Lists ------------------- */
    
/* Charts have gridlines */
th {
	background-color: #eeeeee;
}
table.chart {
	width: 99%;
}
table.caselaw {
	width: 99%;
	border-width: 0px;
}
table.caselaw td {
	border-width: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
table.chart th, table.chart td {
	border: #CCCCCC solid 1px;
	padding: 4px;
}
table.caselaw th, table.caselaw td {
	border: 0px solid #CCCCCC;
	/* [disabled]padding: 4px; */
	background-color: #FFFFFF;
}
table.list {
	width: 99%;
}
table.list th, table.list td {
	border: none;
	padding: 4px;
	width: 33%;
	text-align: left;
}
/* Lists organize content into multiple columns (tables are not allowed anymore under HTML5 */

.columns {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
}
/* Provides similar formatting for any table used within a form, apply class to <form> */

.form table {
	border: none;
	width: 100%;
}
.form td:first-child {
	text-align: right;
	width: 50%;
}
.form td {
	padding: 4px;
	vertical-align: top;
}
/*------------------------ Series Inventories -----------------*/
#seriesNumber { /*background-image:url(../images/archives_round_grey.gif);
	background-repeat: no-repeat;
	background-position: bottom center;*/
	text-align: center;
	width: 200px;
	float: right; /*height: 165px;*/
	padding-top: 20px;
}
section#main #seriesNumber h1 {
	font-weight: bold;
	border-bottom: none;
	text-transform: capitalize;
}
section#main #containersSkip img {
	border: none;
	box-shadow: none;
	margin: 0;
}
/* Scrolling container lists introduced 5/7/2009, removed 5/11/2009 due to browser incompatibility, holding for future use
table.container {
	padding-right:18px; /* room for wide last columns to wrap without cutting content off paired with overflow-x:hidden 	overflow:visible;
	height:auto;
	}*/
table.container td, table.container th {
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
table.container th {
	background-color: #FFF;
	font-weight: bold;
}
/* Non-IE browsers will scroll longer tables automatically with this set 
table.container tbody  	{
	height:300px;
	overflow-y:auto;
	overflow-x:hidden; /* prevents horizontal scroll bar as paired with extra right margain on table element 
	}
/* Firefox 3 however stretches available rows if less than enough to scroll, reported bug last updated 4/28/2009
   Internet Explorer 7 creates large spaces between rows according to compatibility view in IE 8 
table.container thead th {
	position:relative; /* fixes thead group above scrolling table 
	}
*/
table.container thead th {
	text-align: left;
	text-transform: lowercase; /* EAD required uppercase headings so here undo paired with first-letter psuedo element */
}
table.container thead th:first-letter {
	text-transform: capitalize; /* makes now lowercase headings with capital first letters */
}
td.unitdate {
	white-space: nowrap; /* stops long dates in EAD <unitdate> tag from wrapping, instead cell should do auto width */
}
.toc .obsolete , li.obsolete{
	color: #CCC;
}
p.grssubtitle {
	text-transform: uppercase;
}
blockquote.analystpolicy {
	font-style: normal;
	background-color: #FFFFF0;
}
p.srcpolicy {
	font-style: italic;
}
#wrapper #main .item-page .analystprocedure li ol li {
	list-style-type: upper-alpha;
}
#wrapper #main .item-page .analystprocedure ol li {
	list-style-type: upper-alpha;
}
p.backtotop {
	display: inline;
	float: right;
	position: static;
}
.analystpolicytable tr td {
	border-color: #5B5B5B;
	border-width: 0px 0px 1px;
	border-style: solid;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

#wrapper #main .item-page ul li .singlespacedlist li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.reveal-if-active {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	font-size: 11pt;
}

input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 200px; /* little bit of a magic number :( */
  overflow: visible;
}

.reveal-if-active {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transform: scale(0.9);
	transition: 0.5s;
  input[type="radio"]:checked ~ &,
  input[type="checkbox"]:checked ~ & {
    opacity: 1;
    max-height: 200px;
    overflow: visible;
    padding: 10px 20px;
    transform: scale(1);
	font-size: medium;
	font-size: 0pt;
	font-size: 0pt;
	font-size: 0pt;
  }
}
section#main ul.radiobutton   li {
	list-style-type: none;
	
}
#wrapper #main .item-page form .clearall {
	clear: both;
}
#wrapper #main .item-page form div .spacer {
	min-height: 300px;
	clear: both;
}
.redbold {
	color: #D60000;
	font-weight: bold;
	background-image: url(../images/icons/splat-background.png);
	background-repeat: no-repeat;
	background-clip: border-box;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#wrapper #main .item-page #analystdirectory table tr td table tr td ul li .secondlist li {
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 20px;
}

div.analysttitle {
	width: 75%;
	float: left;
	clear: both;
}
div.analysttitle p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div.analystcontact {
	width: 25%;
	float: right;
	clear: none;
}
div.analystcontact p {
	text-align: right;

}
#wrapper #main .item-page #analystdirectory .analysttitle section .secondlist li {
	margin-left: 50px;
}
#analystdirectory #circlebullets li {
	list-style-type: circle;
}


div #Accordion1 {
	clear: both;
}