/* undo some default styling of common (X)HTML browsers
* ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* define some basics */
html, body {
	margin-top:  0;
	margin: 0 auto;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background: url('../images/concrete_wall_3.png') repeat scroll center top #999;
	height: 100%;
}
p {
	mmargin: 0 0 1.2em;
}
h1 {
	font-size: 1.5em;
	margin-bottom: 0.6em;
}
h2 {
	font-size: 1.0em;
}


/* define some big containers and banners, use percentages based on 960 fluid grid */
#header {
	width: 100%;
}
.msuHeader1 {
	color: #5d1725;
	background: url('../images/studentswalking.png') top right no-repeat #5d1725;
}
.msuHeader2 {
	color: #5d1725;
	background: url('../images/leehall.png') top right no-repeat #5d1725;
}

ol.expensedocs {
	margin: 15px 15px 15px 45px;
	list-style-type: decimal;
	line-height: 1.75em;
}

.page {
	background: none repeat scroll 0 0 #f8f8f8;
	margin: 0 auto;
	width: 93.75%;		/* 960px / 1024px */
	max-width: 61.25em;
	min-height: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 64px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 64px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 64px rgba(0, 0, 0, 0.2);
}
.inner {
	margin: 0 auto;
	//width: 93.75%;		/* 960px / 1024px */
	width: 100%;
	min-height: 100%;
	background: #fff;
}
#content {
	margin: 0 auto 0;
	width: 100%;		/* 70.85% would be 5 col, 4 gutters */
}
.ihlBanner,
.mcvsBanner,
.msuBanner {
	border-bottom: #000 1px solid;
	margin: 0 0 0.25em;
	width:  100%;
	height:  110px;
	background: #5d1725;
	color: #fff;
	text-align: center;
	line-height: 270%;
}
.ihlBanner {
	background: #5e5db8 url('../images/ihlTransparencyLogo.png') no-repeat top left;
}
.msuBanner {
	background: url('../images/transparencyLogo.png') no-repeat top left;
/*	background-image: url('../images/logo.png'), url('../images/studentswalking.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top left, top right;
	background-color: #660000, #5d1725;
*/
}
.mcvsBanner {
	background: #5e5db8;
}

#footer {
width: 100%;
margin: -101px auto 0 auto;
background: #333 url('../images/footer-bg2.png') repeat top center;
text-align: center;
color: #999;
font-size: .90em;
border-top: 1px solid #000;
height: 80px;
padding: 20px 0 0;
clear: both; 
position: relative;
bottom: 0;
left: 0;
}
#footer-text {
	margin-left: 10%;
	width: 75%;
	text-align: left;
	float: left;
	overflow: hidden;
}
#footer-links {
	margin-right: 15%;
	width: 15%;
	text-align: right;
	float: right;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
padding: 0;
border: 0;
margin: 0;
color: #999;
text-decoration: underline;
}
#footer p {
	mline-height: 1.2em;
	width: 90%;
	margin: 0.5%;
}


/* define the look of the topics and entities list menu items, normal and hover */
ul.topicsMenu,
ul.entityMenu {
	display: block;
	margin: 2em auto 0;
	width:  27.125%;	/* 2 col, 1 gutter */
	float: left;
}
ul.entityMenu li:last-child {
	margin-top: 1.5em;
}
ul.topicsMenu a,
ul.entityMenu a {
	color: #666;
	text-decoration: none;
}
ul.topicsMenu a:hover,
ul.entityMenu a:hover {
	text-decoration: underline;
}
li.ihl a:hover {
	color: #5e5db8;
}
li.msu a:hover {
	color: #5d1725;
}
.selectTopicsMenu,
.selectEntityMenu {
	display: block;
	margin: 2em auto;
}
.selectTopicsMenu select,
.selectEntityMenu select {
	width: 80%;
}
.selectTopicsMenu ul,
.selectEntityMenu ul {
	margin: 1em auto;
}

/* define some colors */
.ihl {
	color: #5e5db8;
}
.ihlBackground {
	background: #5e5db8;
}
.msu {
	color: #5d1725;
}
.msuBackground {
	background: #5d1725;
}
.maroon {
	background: #5d1725;
	color: #fff;
}
.gray {
	background: #666;
	color: #fff;
}
.center {
	text-align: center;
}
.underline {
	text-decoration: underline;
}

/* define some corners */
.curveTopLeft {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}
.curveTopRight {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}
.curveBottomLeft {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}
.curveBottomRight {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

/* some divs and objects found in content section */
.xxxxx {
	color: #aa0000;
	font-weight: bold;
}
.maroonBox {
	//bborder: #000 1px solid;
	/*padding-bottom: 0.5em;*/
	margin: 0.5em 0 0 0;
}
.grayTitleBar {
	background: url('../images/graybarbg.png') repeat-x #666;
	color: #fff;
	border-top: #666 1px solid;
	border-bottom: #666 1px solid;
	-moz-box-shadow: 0 2px 12px #666;
	-webkit-box-shadow: 0 2px 12px #666;
	box-shadow: 0 2px 12px #666;
}
.maroonTitleBar {
	background: url('../images/maroonbarbg.png') repeat #5d1725;
	color: #fff;
	border-top: #5d1725 1px solid;
	border-bottom: #882236 1px solid;
	margin: 0;
	padding: 1%;	
/*		width: 98.5%;*/
}
.ihlBox {
	//border: #000 1px solid;
	/*padding-bottom: 0.5em;*/
	margin: 0.5em 0 0 0;
}
.ihlTitleBar {
	background: #5e5db8;
	color: #fff;
	margin: 0;
	padding: 1%;
/*		width: 98.5%;*/
}
.clear {
	clear: both;
}
#information {
	margin-top: 1em;
	padding: 0 0.75em;
}
#byReportingPeriod {
	padding: 0 0.75em;
}
#byVendor {
}
/* define size of some form elements, keeping a consistent look on different pages */
#fromPeriod,
#toPeriod {
	min-width: 80px;
	max-width: 120px;
}
#vendor {
	min-width: 80px;
}
#dateRangeWarning {
	display: none;
	color: #882236;
	background-color: #ffff77;
	vertical-align: middle;
	padding: 0.25em 0.75em;
	margin: 0 -0.75em;
}
#rangeAndSpinner {
	padding: 0 0.75em;
}
#availableDateRange {
	font-size: 0.8em;
	font-style: italic;
	vertical-align: middle;
}
#spinner {
	position: fixed;
	margin-left: 30%;
	//padding-top: 20px;
}



/* navigation bar on each form page */
ul.navBar {
	//border-top: #666 1px solid;
	//border-bottom: #000 1px solid;
	list-style: none;
	padding: 1%;
}
ul.navBar li {
	display:  inline;
	margin-left: 0.25em;
	margin-right: 0.5em;
	border-left:  1px solid #fff;
	padding: 0 0 0 1.0em;
}
ul.navBar li.first {
	border:  none;
	padding:  0;
}
ul.navBar a {
	color: #fff;
	text-decoration: none;
}
ul.navBar a:hover {
	color: #ddd;
	text-decoration: underline;
}
ul.navBar li.active a {
	text-decoration: underline;
}
ul.navBar li.active a:hover {
	text-decoration: underline;
}
ul.navBar li.inactive a {
	text-decoration: none;
}
ul.navBar li.inactive a:hover {
	text-decoration: underline;
}


/* define elements of autocompleting search filter boxes */
ul.search-filter {
	margin: 0.5em auto;
}
ul.search-filter li {
	display: inline;
	padding: 0.25em 0.25em;
	text-align: right;
}
ul.search-filter li label {
	text-align: left;
}


/* define the look of the expenses table that is loaded via ajax calls */
#topPaginationInfo {
	margin: 0 0.25em;
	padding: 0.25em 0.75em;
	background: #ddd;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#bottomPaginationInfo {
	padding:0 0.75em 0 0.75em;
	margin-bottom: 100px;
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.numberOfResults {
	margin: 0.5em 0;
	float: left;
}
.numberOfResults li {
	display: inline;
	margin-left: 0.25em;
	margin-right: 0.5em;
	padding: 0 0 0 1.0em;
}
.numberOfResults li.first {
	padding: 0;
}
.exportToExcel a {
	cursor: pointer;
	text-decoration: none;
}
.exportToExcel a:hover {
	text-decoration: underline;
}
.pagination {
	margin: 0.5em 0;
	float: right;
}
#expenseTable {
	display: none;
	height: 100%;
	clear: both;
	padding: 0;
	font-size: 0.8em;
	margin: 2em 0 0;
}
#expenseTable table {
	backgroundborder: #000 1px solid;
}
#expenseTable table tbody {
}
#expenseTable table tr.headerBar {
	background: url('../images/tallgraybg.png') repeat-x top left #666;
	border-bottom: #000 1px solid;
}
#expenseTable table tr.headerBar:hover {
	background: url('../images/tallgraybg.png') repeat-x top left #666;
	//background: #666;
	color: #fff;
}
#expenseTable table tr.headerBar th {
	background: url('../images/tallgraybg.png') repeat-x top left #666;
	cursor: pointer;
	border: none;
}
#expenseTable table tr.headerBar th:hover {
	background: url('../images/tallgraybgdown.png') repeat-x top center #666;
	border: none;
//	border-left: 1px solid #777;
//	border-right: 1px solid #777;
	//background: #666;
	-moz-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.4);
}
#expenseTable table tr.headerBar th.sortAscending {
	background: url('../images/tallgraybg_downArrow.png') repeat-x top right #666;
}
#expenseTable table tr.headerBar th.sortDescending {
	background: url('../images/tallgraybg_upArrow.png') repeat-x top right #666;
}
#expenseTable table tr.headerBar th.sortAscending:hover {
	background: url('../images/tallgraybgdown_downArrow.png') repeat-x top right #666;
	border: none;
}
#expenseTable table tr.headerBar th.sortDescending:hover {
	background: url('../images/tallgraybgdown_upArrow.png') repeat-x top right #666;
	border: none;
}
#expenseTable table tr.even {
	background: #eee;
}
#expenseTable table tr.odd {
	background: #fff;
}
#expenseTable table tr:hover {
	background: #ccc;
}
#expenseTable table th {
	text-align: left;
	padding: 0.5em;
}
#expenseTable table td {
	text-align: left;
	color: #000;
	padding: 0.25em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
#expenseTable table td.left {
	text-align: left;
}
#expenseTable table td.amount,
#expenseTable table td.right {
	text-align: right;
}
#expenseTable table td.center {
	text-align: center;
}
#expenseTable table td.negative {
	color: #882236;
}
.heightSpacer2em {
	height: 2em;
}

/*
.sortAscending {
	background: url('../images/downArrow.png') right bottom no-repeat;
}
.sortDescending {
	background: url('../images/upArrow.png') right bottom no-repeat;
}
*/

/* set percentage widths on all the table cells to keep them the same relative width */
/* calculated using an example of the full table 1,632 pixels wide */
#transactionDate {
	max-width: 5.085784%;	/* 83 / 1632px */
}
#vendorName {
	width: 21.875%;	/* 357 / 1632px */
}
#city {
	width: 8.517157%; 	/* 139 / 1632px */
}
#accountDescription {
	width: 15.808824%; 	/* 258 / 1632px */	
}
#amount {
	width: 5.330882%; 	/* 87 / 1632px */
}
#fundType {
	width: 3.921569%; 	/* 64 / 1632px */
}
#orgDescription {
	max-width: 13.480392%; 	/* 220 / 1632px */
}
#programDescription {
	width: 8.561275%; 	/* 205 / 1632px */
}
#documentID {
	width: 4.473039%; 	/* 73 / 1632px */
}

/* define pagination elements to make them look like clickable links */
#firstPage, #firstPage2,
#prevPage, #prevPage2,
#nextPage, #nextPage2,
#lastPage, #lastPage2 {
	cursor: pointer;
}
#firstPage:hover, #firstPage2:hover,
#prevPage:hover, #prevPage2:hover,
#nextPage:hover, #nextPage2:hover,
#lastPage:hover, #lastPage2:hover {
	text-decoration: underline;
}

/*
 */
 
.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 93.75%;
	margin-bottom: 0;
}


/*	define elements on the frequently asked questions page
 */
ul.faqPage {
margin-bottom: 96px;
}
ul.faqPage ul {
	margin-left: 2em;
}
ul.faqPage li.faqSection {
	margin-bottom: 2em;
}
ul.faqPage li.faqSection li {
	margin-bottom: 0.5em;
}
ul.faqPage li h1 {
	font-size: 1.2em;
	color: #5d1725;
	margin-bottom: 0.25em;
}
ul.faqPage label {
	font-weight: bold;
}
#generalOverview {
	
}
#glossaryOfTerms {
	
}
#glossaryOfTerms ul li span {
	display: block;
}
#fundTypes {
	list-style: outside;
	margin-top: 0.25em;
}
#frequentlyAskedQuestions {
	
}
#frequentlyAskedQuestions ul li span {
	display: block;
}
#frequentlyAskedQuestions ul li span.underline {
	display: inline;
}


/* 	define changes for mobile-sized browsers, such as iPhone/Android/Blackberry, max width 480px.
	This hides the unordered list display and displays the select menus instead.
*/
@media screen and (max-width: 480px) {
	html, body {
		-webkit-text-size-adjust: none;
	}
	#content {
		width: 100%;
	}
	.grayTitleBar {
		background: #999;
	}
	ul.navBar li {
		display: block;
		margin-left: 0.25em;
		border: none;
		padding: 0;
		line-height: 1.5em;
	}
	ul.search-filter li {
		display: block;
	}
	#footer {
		display: none;
		position: relative;
		font-size: .6em;
		height: 120px;
	}
	#dateRangeWarning {
		text-align: center;
	}
	.numberOfResults {
		display: block;
	}
	.numberOfResults li {
		float: none;
	}
	.pagination {
		float: none;
	}
	ul.faqPage ul {
		margin-left: 1em;
	}
	ul.faqPage li h2 {
		font-size: 1.0em;
	}
	ul.faqPage p {
		margin-left: 1em;
	}
}


/* 	define one switchover point that is around tablet size, larger than 768px wide to 
	fit search filter elements and their labels correctly. This switches the elements and
	their labels to a blocked stack instead of inline
*/
@media screen and (max-width: 767px) {
	.grayTitleBar {
		background: #999;
	}
	ul.search-filter {
		width: 85%;
		padding: 0 15% 0 0;
	}
	ul.search-filter li {
		display: block;
	}
	#fromPeriod,
	#toPeriod {
		width: 60%;
	}
	#vendor {
		width: 60%;
	}
	#dateRangeWarning {
		text-align: center;
	}
}

/* 	define changes for greater than mobile-sized browsers, such as iPhone/Android/Blackberry, 
	that have a max width 480px.
	This shows the unordered list display and hides the select menus.
*/
@media screen and (min-width: 481px) {
	ul.navBar li {
		display:  inline;
		margin-left: 0.25em;
		margin-right: 0.5em;
		border-left:  1px solid #fff;
		padding: 0 0 0 1.0em;
	}
	#footer {
		position: relative;
		font-size: .90em;
	}
}