//* 
melnavy 474181
meldarkgreen 5F703C
mellightgreen BAD281
melpurple 603e9F
 *//

BODY {
 background-color: #FFFFFF; 
 font-family: Arial, Helvetica, sans-serif; color: #000000;
 width: 960px;
 margin-top: 0;
}

.melnav {font-family: Arial, Helvetica, sans-serif; font-size: 105%; weight: lighter;}

P {font-family: Arial, Helvetica, sans-serif;  color: #000000;}
UL {font-family: Arial, Helvetica, sans-serif;  color: #000000;}
OL {font-family: Arial, Helvetica, sans-serif;  color: #000000;}
LI {font-family: Arial, Helvetica, sans-serif;  color: #000000;}
DL {font-family: Arial, Helvetica, sans-serif;  color: #000000;}

.arial {font-family: Arial, Helvetica, sans-serif;  color: #000000;}

TABLE {font-family:  Arial, Helvetica, sans-serif; color: #000000;}
TH {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 100%; weight: bold; border-style: solid; border-color: #5F703C; background-color: #DEEAC4; border-width: 2px; text-align: center; vertical-align: top;}


TR {font-family:  Arial, Helvetica, sans-serif; color: #000000;}
TR.green {font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: #474181; height: 6px; border-width: 4px; padding: 4px;}


TD {font-family: Arial, Helvetica, sans-serif; color: #000000; }
TD.small {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 80%; font-weight: lighter;}
DIV {font-family:  Arial, Helvetica, sans-serif; color: #000000;}
FORM {font-family:  Arial, Helvetica, sans-serif; color: #000000;}


/*******************************************************************************************/

.helpcolumn {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 100%; font-weight: bold; border-style: solid; border-color: #BAD281; background-color: #BAD281; border-width: 2px; vertical-align: top;}

.helpquestion {
 font-family: Arial, Helvetica, sans-serif;
  color: #000000;
 background: #FFFFFF;
 font-weight: bolder;
 font-size: 110%;
 text-align: left;
}

.melcathelpquestion {
 font-family: Arial, Helvetica, sans-serif;
  color: #000000;
 font-weight: bold;
 font-size: 100%;
 text-align: left;
}

img {margin:0;padding:0;border:0;color:#FFFFFF;}

.browseSearchtoolMessage {
  color: #FF0033;
 font-style: italic;
 text-transform: capitalize; 
  font-weight: bolder;
}

.bibSearchtoolMessage {
 color: #FF0033;
  font-style: italic;
  font-weight: bolder;
 text-transform: capitalize; 
}

.submitButton {
  vertical-align: bottom;}

.pagerButton {
  vertical-align: bottom;
}

.yourEntryWouldBeHereData {
  font-family: Arial, Helvetica, sans-serif;
  font-color: #000000;
  font-size: larger;
}

  
.header {
 font-family: Arial, Helvetica, sans-serif;
 color: #5F703C;
 background: #FFFFFF;
 font-weight: bolder;
  font-size: xx-large;
 text-align: center;
}

/* .bibInfo {
   margin: 5;
}
*/


.bibDetail {
 /* width: 630px; Resp*/
 text-align:left;
 }

.bibRecordLink {
 text-align: right;
 font-size: small;
 float: right;  /*GR*/
}

.bibInfoLabel {
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller;
 font-weight: bold;
}

.bibInfoData {
 font-family: Arial, Helvetica, sans-serif;
}

.brieftcitTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.briefcitMark {
  font-family: Arial, Helvetica, sans-serif;
 font-weight: bolder;
  font-size: 95%;
}

.briefcitSmallDate {
 font-size:90%;
}

.opacrtcorners {
 font-family: Arial, Helvetica, sans-serif;
 color: #5F703C;
 background: #FFFFFF;
 font-weight: bolder;
 text-align: right;
    font-size: large;
}

.opaclftcorners {
 font-family: Arial, Helvetica, sans-serif;
 color: #5F703C;
 background: #FFFFFF;
 font-weight: bolder;
 text-align: left;
    font-size: large;
}

.opacbotmid {
  color: #5F703C;
  font-weight: bolder;
  text-align: center;
  font-size: large;
}


.opacmenutext {
 font-family: Arial, Helvetica, sans-serif;
  color: #000000;
   text-align: center;
 background: #FFFFFF;
 font-weight: normal;
 font-size: 100%;
 /*padding-top:20px;  Resp*/
 padding: 9px 0px;  /*Resp*/
}

.opacmenutext2 {
 font-family: Arial, Helvetica, sans-serif;
  color: #000000;
 background: #FFFFFF;
 font-weight: bolder;
 font-size: 110%;
 text-align: center;
}

.boxedtext {
 font-family: Arial, Helvetica, sans-serif;
    color: #000000;
 background: #FFFFFF;
 font-weight: normal;
 text-align: left;
    font-size: 90%;
}

.box {
  border: 2 #000000;
}

.searchbody {
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #000000;
  font-weight: normal;
  text-align: left;
  border: thin solid #5F703C;
}

.advkeyword {
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #000000;
  font-weight: normal;
  text-align: left;
  border: thin solid gray;
}

.searchtype {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  border-top: thin solid #5F703C;
  border-left: thin solid #5F703C;
  border-right: thin solid #5F703C;
  border-bottom: medium solid #5F703C;
  font-size: 110%;
  font-weight: bolder;
  text-align: center;
  background: #BAD281;
  padding: 6px;
}

.searchtype2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  border: thin solid #5F703C;
  font-size: 110%;
  font-weight: bolder;
  text-align: center;
  background: #BAD281;
  padding: 5px;
}

.searchtype3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  border: thin solid #5F703C;
  font-size: 90%;
  font-weight: bolder;
  text-align: center;
  background: #BAD281;
  padding: 2px;
}

.exampletype {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: small;
  text-align: center;
  font-weight: bolder;
  background: #BAD281;
}

/* comment this out for the moment
table {
  border: thin solid #5F703C;
  padding: .15em;
  background: inherit;
  margin-bottom: .5em;
}

table table {
  border: thin none;
  padding: 0;
  margin: 0;
}

td, th {
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  color: #000000;
  border: none;
}
*/
h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
} 

.navigationRow {
  padding-top: 5px;
}


.InnovativeCredit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
}

.bibScreen {
 border: thin solid #BAD281;
 width: 740px;
 margin: 0 auto;
}

table.bibScreen {
 margin-left: 2%;
}

table.tbody {
 width: 740px;
}
.bibPager {
 background: #FFFFFF;
}

table.centralInstTable {
 border: thin solid #5F703C;
}

table.centralInstTable td {
 font-family: Arial, Helvetica, sans-serif;
 background: #DEEAC4;
  border: thin solid #5F703C;
  font-weight: bold;
 font-size: smaller;
}

table.centralHoldingsTable {
  border: thin solid #5F703C;
}

table.centralHoldingsTable {
  border: thin solid #BAD281;
  min-width: 447px; /*Resp*/
}

table.centralHoldingsTable th {
 font-family: Arial, Helvetica, sans-serif;
   font-size: 95%;
 font-weight: bolder;
 border: thin solid #5F703C;
 background: #BAD281;
}

table.centralHoldingsTable td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: smaller; 
 border-bottom: 1px solid #BAD281;
}

.browseScreen {
 border: thin solid #BAD281;
}

table.browseScreen {
 width: 740px;
 margin: 0 auto;
 min-width: 350px; /*Resp*/
}

.instLabel {
  font-weight: normal;
}

.ccImg {
  float:right; 
  margin-right:15px;
  width: 15%; /*Resp*/
}

/* New MeL design */

table.othrsrch {
    padding-top:20px;  
}

.pagename {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  padding-top:25px;
}

.webreports {
  background: #ffffff;
}

#newcat {
  float:right; 
  margin-right:5px; 
  margin-top:-95px;
}

#melwhitecontainer {
  background:white;
}

#melMainContainer {
  width:960px;
  margin-left:auto;
  margin-right:auto;
}


/*Resp-start*/
.part_header {
  margin-left:auto; 
  margin-right:auto;
  padding-bottom: 10px; 
  width:720px;
}

.part_header .pagename {
  font-family: Arial, Helvetica, sans-serif;  
  font-size : 150%; 
  font-weight : bold;
}

.part_header .alphabet {
  text-align:center;
  font-weight:bold;
  font-size:80%;
  padding: 0px 5px;
}

.part_header .alphabet a {
  margin-left:5px; 
  margin-right:5px;
}

.part_header .map_link {
  text-align:center; 
  font-weight:bold; 
  font-size:80%;
}

.part_header .map_link p {
  margin-top:0px; 
  margin-bottom:0px;
}

.partLibsTable {
  width: 720px;
  min-width: 560px;
}

#map-canvas.partLibsMap { 
  height: 450px; 
  width: 720px; 
  margin-left:auto; 
  margin-right:auto;
}

.partLibsMap {
  text-align: right;
}

#map-canvas .infocon {
  text-align:left; 
  height:90px; 
  width:200px;
}

.partLibsUpdated {
  width: 720px;
  margin: 0px auto;
}

#melResultsContainer.container {
  width: 100%;
}

.pub {
display:inline;
}

.req {
float:right;
}

.titleAuthPub {
  width:80%;
}

.radioSearch {
  display: inline;
  padding-bottom: 15px;
}

.searchBox {
  padding-top:20px;
}

.radioSearch label {
  padding-right: 15px;
}

.addtLinks {
  text-align:center;
  padding-top:10px;
}

.otherSearches {
  border: 1px ridge #aaa;
  width:472px;
  margin: 10px auto 0px auto;
}

.osHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size:100%;
  font-weight:bold;
  text-align:center;
  border:2px solid #5F703C;
  background-color:#DEEAC4;
  padding:3px;
}

.osSpacer{
  height: 6px;
  background-color:#474181;
  padding:1px;
}

.optLeft {
  font-family: Arial, Helvetica, sans-serif;
  width:227px;
  border:1px solid #000;
  padding:3px;
  display:inline-block;
}

.optRight {
  font-family: Arial, Helvetica, sans-serif;
  width:227px;
  border:1px solid #000;
  padding:3px;
  display:inline-block;
  float:right;
}

.osWrapper {
  border: 1px ridge #aaa;
  clear:both;
}

.osToggle {
  display:none;
  float:right;
  background-color: #DEEAC4;
  border: 2px ridge #000;
}

.osHeader .line {
  display:block;
  width:22px;
  height:2px;
  background-color:#000;
  border-radius:1px;
}

.osHeader .mid {
  margin:4px 0px;
}

.respOpt {
  display:none;
}

.respOpt ul {
  padding-left:0px;
  margin:0px;
}

.respOpt ul li {
  list-style: outside none none;
  border: 1px solid #000;
  background-color: #DEEAC4;
}

.respOpt ul li a {
  display:block;
  font-family: Arial, helvetica, sans-serif;
  color: #000;
  padding: 5px 0px;
  text-decoration: none;
  padding-left:10px;
}

.respOpt ul li:hover {
  background-color:#BFEA64;
  font-weight:bold;
}

.menuLabel {
  display:none;
}

.menuOptions {
  display: block;
}

.lmFooterLogo {
  float: left;
  width: 19%;
}

.imlsFooterLogo {
  float: right;
  width: 19%;
  margin-right: 5px;
}

.footerText {
  width:60%;
  display: inline-block;
}

.lmFooterLogo img, .imlsFooterLogo img {
  max-height: 100%;
  max-width: 100%;
}

.othrsrch { 
  width: 740px; 
  margin:0 auto; 
  padding-top: 20px;
}

.otherSearchBody {
  font-family: Arial, Helvetica, sans-serif; 
  background: #ffffff; color: #000000;
  font-weight: normal;
  text-align: left;
  border: thin solid #5F703C;
  padding: 15px;
}

.pageMainAreaHeader { 
  text-align:center;
}

.pageMainSearch { 
  width: 50%;
  display: inline-block;
  text-align:center; 
  margin-bottom: 20px;
}

.pageMainSearch input#SEARCH {  
  width: 80%;
}

.pageMainLimit { 
  width: 50%;
  float:right;
  display: inline-block;
  margin-bottom: 40px; 
}

.otherSearchType2 { 
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  border: thin solid #5F703C;
  font-size: 110%;
  font-weight: bolder;
  text-align: center;
  background: #BAD281;
  padding: 5px;
  clear: both;
  min-width: 388px;
}

.pageSearchTop { 
  display: block;
}

.searchTipsTable {
  min-width: 400px;
}

.searchbody .searchHelpers {
  padding:15px;
}

.searchbody .submitButton img {
  padding-top:10px;
}

.othrsrch .searchbody #SEARCH {
  width: 40%;
}

.searchBox #searcharg {
  width: 265px;
  margin:0px 10px;
}

.myMel {
  width: 840px;
}

.myMel p {
  padding: 0px 10px;
  text-align: center;
}

.myMel .pageMainLimit {
  text-align: center;
}

.myMel .pageMainLimit h4, .myMel .pageMainSearch h4 {
  margin: 10px 0px;
}

#libList {
  width: auto;
  margin: 0px auto;
}

#libListWrapper {
  text-align: center;
}

#libList table {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.pickupLocSelect {
  width: 740px;
}

.patAuth {
  width: 720px;
}

form#patform {
  width: 95%;
  padding: 0px 10px;
}
/*Resp-end*/


body {
 background:url(melgradient.png) repeat-y center center;
 width:100%;
 background-size:100%;
 padding:0;
 margin:0;
}

.migration {font-family: Arial, Helvetica, sans-serif;
 font-size: 150%;
 font-weight: bold;
 color: #FF0000;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding: 10px;
}

.mig_no_req {
  font-weight: bold;
  color: #F00;
}

.mig_no_req a {
  color: #F00;
}

.mig_pagename {
font-family: Arial,Helvetica,sans-serif;
font-size: 150%;
font-weight: bold;
text-align: center;
padding-top: 25px;
}

/*GR*/
#gr_add_to_books {
  float:left;
  height:0px;
}

#gr {
float:left;
margin-bottom:40px;
}

.grHeader {
text-align:left;
font-size:small;
font-style:italic;
margin:0px;
}

.moreLibs {
  margin-top: 40px;
}


/* Header */

#melHeader {
  width:100%;
  background:url('melheaderfull.png') no-repeat top center;
  background-size:100%;
}

#melHeaderInner {
  max-width:960px;
  width:100%;
  height:100px;
  margin:auto;
  padding:0;
}

#melLogo {
  float: left;
  margin: 7px 0 0 0px; 
  height:93px;
}

#melTagLine {
  float: left; 
  margin-left: 11em;
  margin-top: 20px; 
}

#miGovLogo {
  float: right; 
  margin: 0 5px 0 0; 
  height:90px; 
}

#melMainMenu {
  color:white;
  text-decoration:none;
  background-color:#333;
  line-height: 18px;
  border-bottom:2px solid #8D5DA7;
}

#melMainMenu ul {
  list-style-type: none;
  margin: 0px;
  padding:0;
  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
  font-size:18px;
  width:100%;
  background-color:#333;
  height:55px;
}

#melMainMenu ul li {
	list-style:none;
}

#melMainMenu ul li a{
  color:white;
  float:left;
  text-align:center;
  width:14.28%;
  height:35px;
  vertical-align:middle;
  padding-top:20px;
  list-style:none;
  background-color:#333;
  font-weight:bold;
  color:white;
  /*padding: 1% 1.91%;     When Logged in  */
  text-decoration:none;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #melMainMenu ul li a{width:14.24%;} }

#melMainMenu ul li.active, #melMainMenu ul li:hover, #melMainMenu li.melMainMenuActive {
  background-color:#9FCF70;
  color:black !important;
  text-decoration:none;
}

#melMainMenu li.melMainMenuActive a, #melMainMenu li a:hover, #melMainMenu li a.active {
  color:black;
  background-color:#9fcf70!important;
}

#skip a, #skip a:hover, #skip a:visited {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}

#skip a:active, #skip a:focus {
  position:static;
  width:auto;
  height:auto;
} 

/* Footer */

#melCopyright {
  text-align:center;
  color: #fff;
  background-color: #000;
  padding:10px 0px;
  width: 100%;
}

.melClearAll {
  clear:both;
}

#melFooter {
  width:100%;
  background-color:#333;
  color:white;
  font-size:12px;
  position:relative;
  max-width:960px;
  margin:auto;
}

#melFooter a {
  color:white;
  text-decoration:underline;
}

#melStackedFooterMenu {
  width:960px;
  margin:auto;
}

.melStackedMenuGroup {
  float:left;
  margin: 20px 20px 20px 90px;
  border-left:#000 thin solid;
  width:150px;
  height:auto;
  min-height:200px;
  padding:0 20px;
}

.melStackedMenuTitle {
  font-size:14px;
  color:#9FCF70;
  font-weight:normal;
  margin-top:0px;
}

.melStackedMenuGroup ul {
  margin-left:-40px;
	
}

.melStackedMenuGroup ul li {
  list-style:outside;
  margin-left:20px;
  list-style-image:url(MeL-listIcon.png);
  line-height:21px;
	
}

#melStackedMenuMel {
	
}

#melStackedMenuGateways {
	
}

#melStackedMenuResources {
	
}

/** Responsive styles **/
img {
	height: auto;
	width: auto\9; /* ie8 */
}

#melTagLine img {
	max-width: 100%;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
html {
	-webkit-text-size-adjust: none;
}

/*KS ADD MICHIGAN.GOV LOGO */
#melHeader #miGovLogo, #melHeader2 #miGovLogo {
	margin:0px 5px 0px 0px;
	float:right;
	height:90px;
}
#melHeader #miGovLogo a, #melHeader2 #miGovLogo a {
	border:none;
}

.searchMeL {
	background:url(../images/searchAllMeL.png) no-repeat;
	height:100px;
	width:200px;
	float:right;
	margin:-20px 0px 0 0;
}

.searchTabs {
	float:right;
	margin:-23px -2px 0;
}

.searchTabs a {
	background:#9FCF70;
	color:black;
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px 5px 0 0;
	border:thin solid #666;
	margin-left:5px;
	boder-bottom:none;
}








@media screen and (max-width: 980px) {
input#searchString{
	    width: 42% !important;
	}
	
	img.michigana {
		height:100px !important;		
	}
	.searchTabs {
	float:right;
	margin:-26px -2px 0;
}

/*Resp-start*/	
#melMainContainer {
  width: 98%;
}

table.browseScreen {
  width: 95%;
}	

.bibScreen {
  width:95%;
}

.myMel { 
  width: 720px;
}
.patAuth {
  width: 95%;
  min-width: 275px;
}	
/*Resp-end*/
	
}

@media screen and (max-width: 820px) {
/*Resp
	#melMainContainer, #melHeaderInner, #melFooter {
		width: 98%;
	}*/
	
	/* #melwhiteContainer {
    width: 95.8%;
	}
	
	#melwhiteContainer {
	} */
	
	#melLeftBar {
		padding:0;
	}
	
	.melBodyContainerWithNav {
		margin-left:160px;
	}
	
	.melStackedMenuGroup {
		width:21%;
		padding:0 10px;
		margin:20px 20px 20px 50px;
	}
	
	.searchButton, .gatewaySearchButton {
		margin-left:5px;
	}
	
	input#searchString{
	    width: 42% !important;
	}
	
	#melTagLine {
		margin-left: 4em;
    	width: 50%	
	}

	#melMainMenu ul li a {
		padding: 1.8% -0.46%;
	}
	
	#gatewayLogos img {
		padding:4% 3.4%;
	}
	
	div.libraryMichigan {
		margin-right:10px;
		padding-right:10px;
	}
	
	div.MLS {
		padding-right:20px;
		margin-right:20px;
	}
	
	#melStackedFooterMenu {
		width:100%;
	
	}
	
	#melDatabaseSearch {
    	margin-left: 5%;
    	width: 89%;
	}
	
	#aboutMeL {
		width:93%;
		height:auto;
		margin:10px 0;
	}
	
	img.michigana {
		height:100px !important		
	}
	
	.melDatabaseRecord {
		min-height:90px;
	}
	
	input.homeSearchBtn {
		margin-right:4%;
	}
	
	.searchTabs {
		float:right;
		margin:-50px -2px 0px;
	}
	
	#search, #melDatabaseSearch {
		margin-top:45px;
	}
	

}

/** Ipad Portrait **/

@media screen and (max-width: 768px) {

	input#searchString{
    	width: 52%;
		}
	
	#melTagLine{
		width:33%; 
	}
	
	#melTagLine {
		margin-left:1em;
	}

	#search h1, #melDatabaseSearch h1 {
		font-size:80%;
	}

	input.homeSearchBtn {
		margin-right:4%;
	}

	#melTagLine {
    	margin-left: 3em;
	}
	
	#gatewayLogos img {
 	   padding: 4% 2.9%;
	}

	#melDatabaseSearch {
    	margin-left: 5%;
    	width: 89%;
	}
	
	#aboutMeL {
		width:93%;
		height:auto;
	}
	
		img.michigana {
		height:75px !important		
	}
	
	.melDatabaseRecord {
		min-height:90px;
	}
	#melDatabaseText {
		margin-left:0 !important
	}
	

.searchTabs {
	float:right;
	margin:-32px -2px 0px!important;
	z-index:0
}

#search, #melDatabaseSearch {
	margin-top:32px;
}

/*Resp-start*/
.req {
  float:none;
}

.othrsrch { 
  width: 95%; 
}

.pageSearchTop { 
  text-align: center; 
}

.pageMainSearch {
  width: auto;
}

.pageMainLimit {
  float:none;
  width: auto;
}	

.part_header{
  width: 100%;
}

.partLibsTable {
  width: 95%;
}

#map-canvas.partLibsMap { 
  width: auto; 
  margin: 0px 5px;
}

.partLibsUpdated {
  width: auto;
  padding: 0px 10px;
}

.pickupLocSelect {
  width: 95%;
}
/*Resp-end*/
	
}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
input#searchString{
		width:46% !important;
		height:25px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
input#searchString{
		width:35% !important;
		height:25px;
	}
	.searchTabs {
		float:right;
		margin:-24px 0 !important;
	}


}
/*Resp
}
*/

	


/*Galaxy Landscape*/

@media screen and (max-width: 620px) {


	#melLeftBar {
		padding:0;
	}
	
	.melBodyContainerWithNav {
		margin-left:155px;
	}
	
	#search img, #gatewaySearch img {
		display:none;
	}
	
	input#searchString{
		width:50% !important;
	}
	
	input.homeSearchBtn {
		margin-right:1%;
	}

	#sponsorLogos {
		width:100%;
	}
	
	div.libraryMichigan {
		margin-left:10px;
	}
	
	#melTagLine {
		margin-left:20px;
		width:40% !important; /*KS ADDED */
	}
	
	.melStackedMenuGroup {
		width:13%;
	}
	
	#search, #melDatabaseSearch {
		padding-left:0px;
		width:97.7%;
		margin-left:0;
		padding-left:10px;
	}

	#melDatabaseSearch input#searchString{
    	width: 43% !important;
	}

	#search, #gatewaySearch {
	}

	#gatewaySearch input#searchString{
		margin-top:2px;
	}
	
	.melDatabaseRecord {
		min-height:110px;
	}
	
	#aboutMeL {
		width:90%;
		height:auto;
	}
	
	#melDatabaseText {
		margin-left:0;
	}
	
	#melDatabaseButton, div.melDatabaseRecord a img{
		float:none !important;
	}
	
	#melDatabaseText {
		margin-left:0 !important
	}

	.melDatabaseRecord {
		min-height:155px;
	}
	
	#search h1, #melDatabaseSearch h1 {
		display:none;
	}

/*Resp-start*/	
#melMainContainer {
  width:100%;
}	
	
#melLogo {
  height: 0px;
}
	
#melTagLine {
  display: none;
}

#melMainMenu{
  background-color:#333;
  border:none;
  height: 32px;
  line-height: 32px;
  width:100%;
}

#melMainMenu ul{
  height:auto;
  width:120px;
}
	
#melMainMenu ul li{
  padding:0px 0px 0px; 
  width:100%;
  color:#fff;
}

#melMainMenu ul li a{
  padding:0px;
  border:1px solid #fff;
  height:30px;
  width:130px;
  display:block;
  line-height: 26px;
}
	
#melMainMenu ul li.menuLabel {
  padding-left:10px;
  font-weight: bold;
}

.menuLabel {
  color:#fff;
  display:block;
}
	
.menuLabel .line {
  display:block;
  width:22px;
  height:2px;
  background-color:#fff;
  border-radius:1px;
}

.menuLabel .mid {
  margin:4px 0px;
}
	
.menuToggle {
  background-color:#333;
  border:none;
}

.menuOptions {
  display: none;
  overflow: auto;
  position: absolute; /* was fixed */
  width: 132px; /*Needed for IE*/
}

.lmFooterLogo {
  width: 49%;
}

.imlsFooterLogo {
  width: 49%;
  margin-right: 0px;
}

.footerText {
  width:95%;
}

.othrsrch .searchbody #SEARCH {
  width: 80%;
}

.searchBox #searcharg {
  width: 80%;
  margin-bottom: 7px;
}

.partLibsWrapper {
  overflow-y: hidden;
}
/*Resp-end*/
	

}

@media screen and (min-width: 481px) and (max-width: 640px) { /* Galaxy Landscape only  KS ADDED*/
	
	.searchTabs {
		float:right;
		margin:-24px 0 !important; /*-24*/
	}
	#search img {
		display:none;
	}
	#search h1, #search form {
		margin-left:10px;
		margin-top:5px;
	}
	
	.melStackedMenuGroup {
		margin:20px;
		width:23%!important;
	}
	

}


/*Resp*/
@media screen and (min-width: 481px) {
  .respOpt ul {
    display:none;
  }
}


/*iPhone Landscape*/

@media screen and (max-width: 480px) {

#search h1, #melDatabaseSearch h1 {
		font-size:90%;
	}
/*Resp	
	#melMainMenu ul {
		width:100%;
		background:#333;
		height:160px !important;/*KS 140px */
/*Resp	}
	
	#melMainMenu ul li {
		display: block;
		float: left;
		padding: 0px;
		width: 50%;
	}
	#melMainMenu ul li a {
		display: block;
		float: left;
		height: 19px;
		padding:8px 0px;
		text-align: center;
		width: 98%;
	}*/
	
	#melLeftBar {
		padding:0;
	}
	
	#melBodyContainer {
    	width: 62%;
		margin-left:152px;
	}
	
	/* #melwhiteContainer {
    	width: 96%;
	} */
	
	#search img, #gatewaySearch img {
		display:none;
	}

	#melTagLine {
		display:none;
	}
	
	#miGovLogo img { /*KS ADDED */
	}
	
	#gatewayLogos img {
    	padding: 5% 5.5%;
	}	
	
	
	input#searchString{
		width:50% !important;
	}
	
	
	input.homeSearchBtn {
		margin-right:1%;
	}
	#search, #gatewaySearch {
		padding-left:5px;
		height:90px;
	}


	#sponsorLogos {
		width:100%;
	}

	div.MLS {
		margin-right: 10px;
		padding-right: 10px;
		height:35px;
	}
	
	div.libraryMichigan {
		height:45px;
		margin-left:10px;
	}
	
	.melStackedMenuGroup, #melStackedMenuPolicies  {
		width:24%;
	}
	
	.melBodyContainerWithNav {
    	margin-left: 2%;
    	padding: 0 0 0 2%
	}
	
	#melDatabaseText {
		margin-left:0;
	}
	
	.melBodyContainerWithoutNav {
		margin-left:0 !important;
		width:100% !important;
	}
	
	#melDatabaseSearch {
		margin-left:0;
	}
	
	#melDatabaseSearch input#searchString{
    	width: 43% !important;
	}
	
	.melDatabaseRecord {
		min-height:275px;
	}
	
	.melBodyContainerWithoutNav #melDatabaseSearch .searchBox {
    	width: 28% !important;
	}
	
	#aboutMeL {
		width:87%;
		height:auto;
	}

	.melBodyContainerWithoutNav #melDatabaseButton, div.melDatabaseRecord a img{
		float:left !important;
	}
	
	#melDatabaseButton, div.melDatabaseRecord a img{
		float:none !important;
	}
	
	img.michigana {
		height:50px !important		
	}
	.searchTabs {
		float:right;
		margin:-24px -7px 0 !important;
	}
	body {
		background:url(MeL-background-gradient3.png) repeat-y top center!important;
	}
	
	body.header {
		background:none!important;
	}
	
/*Resp-start*/
#melLogo img {
  width: 120px;
}

#miGovLogo img {
  width: 100px;
}

#miGovLogo {
  height: auto;
}

	
#listCheckbox {
    display: none;
  }

.titleAuthPub {
  width: 100%;
}

.ccImg {
  float:none;
  margin: 0 auto;
}

.itemsList {
  overflow-y:hidden;
}

.radioSearch {
  display: block;
}

.osData {
  display:none;
}

.osHeader {
  text-align:left;
}

.osToggle {
  display:block;
}

.otherSearches {
  width:95%
}

#melHeader {
  background-size: auto;
}

.searchTips {
  overflow-y: hidden;
}

.browseList .browseHeader .browseHeaderMedia, .browseList .browseSubEntry .browseSubEntryMedia, .browseList .browseEntry .browseEntryMedia {
  display:none;
}

.browseWrapper {
  overflow-y: hidden;
}
/*Resp-end*/

}

/*Galaxy Portrait*/

@media screen and (max-width: 360px) {

	#search h1, #melDatabaseSearch h1 {
		font-size:100%;
	}
	#melLogo img {
		width:120px; /*KS 150px */
		/* margin-left:70px; KS */
	}
	#miGovLogo img { /*KS ADDED */
		margin-top:-10px;
	}
	#melTagLine, #search img, #melDatabaseSearch img, #gatewaySearch img {
		display:none;
	}

	#melMainContainer, #melHeaderInner,  #melFooter {
		/*width: 94%;  Resp*/
		width: 100%; /*Resp*/
	}
	
	/* #melwhiteContainer {
		width: 90%;
	} */
	
	#melBodyContainer {
		width:99%;
		float:left;
		margin-left:0;
		
	}
	
	/* #melwhiteContainer {
		width:96%;
	} */
	
	.melBodyContainerWithNav, .melBodyContainerWithoutNav {
		border-left:none;
		padding:0;
		margin-left:0;
		width:99%;
	}
	
	#search, #gatewaySearch, #melDatabaseSearch {
		width:97%;
		padding:5px;
		height:85px;
	}
	
	.searchTabs {
		float:right;
		margin:-24px -2px 0 !important;
	}

	
	#gatewaySearch {
		height:120px;
	}
	
	#melDatabaseSearch {
		width:95.5%
	}
	
	.searchButton, .gatewaySearchButton {
		margin-top:10px;
		margin-left:0;
	}
	
	input#searchString{
		width:54% !important;
	}
		
	#melLeftBar {
		width:100%;
		margin:0;
		padding:0;
		border:none;
		float:right;
		margin-bottom:20px;
	}
	
	 #melNewsContainer, #melAboutMelContainer {
		 width:92.5%;
	 }
/*Resp	
	#melMainMenu {
		height:140px;
	}
	
	#melMainMenu ul {
		width:100%;
		height:106px;
		padding:0;
	}
	
	#melMainMenu ul li {
		display: block;
		float: left;
		padding: 0px;
		width: 50%;
	}
	
	#melMainMenu ul li a {
		display: block;
		float: left;
		height: 19px;
		padding-top:5px;
		text-align: center;
		width: 140px;
	}
*/	
	#gatewayLogos, #sponsorLogos  {
		width:270px;
		text-align:center;
	}
	  
	div.libraryMichigan, div.MLS, div.MDE {
		margin:0;
		padding:0;
		float:left;
		height:auto;
		width:auto;
	}
	
	div.MLS {
		margin-left:-10px;
	}
	
	div.libraryMichigan {
		padding-right:10px;
	}
	
	div.MLS {
		width:100%;
		border-right:none;
	}
	
	div.libraryMichigan {
		width:100%;
		border-right:none;

	}
	
	div.MDE {
		width:100%;
	}
	
	.melStackedMenuGroup {
		 margin: 20px;
    	width: 31%;
	}
	
	#melStackedMenuResources{
		width:45%;
	}
	
	#melDatabaseText {
		margin-left:0;
	}
	
	.melBodyContainerWithoutNav #melDatabaseButton, div.melDatabaseRecord a img, #melDatabaseButton, div.melDatabaseRecord a img {
		float:none !important;
	}

	#aboutMeL { 
		width:86%;
		height:auto;
	}

	#melDatabaseSearch input#searchString{
    	width: 95% !important;
	}
	
	#gatewaySearch input#searchString{
		margin-top:0;
	}
	
	.melBodyContainerWithoutNav #melDatabaseSearch .searchBox {
    	width: 53% !important;
	}
	
	
	#recaptcha_widget_div {
		width:80%;
	}
	
	
	img.michigana {
		height:50px !important		
	}
	
	.searchTabs {
		float:right;
		margin:20px -2px 0;
	}
	
	#search {
		margin-top:0!important;
	}
	
	body {
		background:url(MeL-background-gradient2.png) repeat-y top center!important;
	}

	#melHeaderInner {
		height:70px;
	}
	
	
}




/*iPhone Portrait*/

@media screen and (max-width: 320px) {

	#search h1, #melDatabaseSearch h1 {
		font-size:100%;
	}
	#melLogo img {
		width:120px; /*KS 150px */
		/* margin-left:70px; KS */
	}
	#miGovLogo img { /*KS ADDED */
		margin-top:-10px;
	}
	#melTagLine, #search img, #melDatabaseSearch img, #gatewaySearch img {
		display:none;
	}

	#melMainContainer, #melHeaderInner,  #melFooter {
		/*width: 94%;  Resp*/
		width: 100%; /*Resp*/
	}
	
	/* #melwhiteContainer {
		width: 90%;
	} */
	
	#melBodyContainer {
		width:99%;
		float:left;
		margin-left:0;
		
	}
	
	/* #melwhiteContainer {
		width:96%;
	} */
	
	.melBodyContainerWithNav, .melBodyContainerWithoutNav {
		border-left:none;
		padding:0;
		margin-left:0;
		width:99%;
	}
	
	#search, #gatewaySearch, #melDatabaseSearch {
		width:97%;
		padding:5px;
		height:85px;
	}
	
	#gatewaySearch {
		height:120px;
	}
	
	#melDatabaseSearch {
		width:95.5%
	}
	
	.searchButton, .gatewaySearchButton {
		margin-top:10px;
		margin-left:0;
	}
	
	input#searchString{
		width:54% !important;
	}
	
	#melLeftBar {
		width:100%;
		margin:0;
		padding:0;
		border:none;
		float:right;
		margin-bottom:20px;
	}
	
	 #melNewsContainer, #melAboutMelContainer {
		 width:92.5%;
	 }
/*Resp	
	#melMainMenu {
		height:140px;
	}
	
	#melMainMenu ul {
		width:100%;
		height:106px;
		padding:0;
	}
	
	#melMainMenu ul li {
		display: block;
		float: left;
		padding: 0px;
		width: 50%;
	}
	
	#melMainMenu ul li a {
		display: block;
		float: left;
		height: 19px;
		padding-top:5px;
		text-align: center;
		width: 140px;
	}
*/	
	#gatewayLogos, #sponsorLogos  {
		width:270px;
		text-align:center;
	}
	  
	div.libraryMichigan, div.MLS, div.MDE {
		margin:0;
		padding:0;
		float:left;
		height:auto;
		width:auto;
	}
	
	div.MLS {
		margin-left:-10px;
	}
	
	div.libraryMichigan {
		padding-right:10px;
	}
	
	div.MLS {
		width:100%;
		border-right:none;
	}
	
	div.libraryMichigan {
		width:100%;
		border-right:none;

	}
	
	div.MDE {
		width:100%;
	}
	
	.melStackedMenuGroup {
		width:35%;
	}
	
	#melStackedMenuPolicies {
		width:105px;
	}
	
	#melDatabaseText {
		margin-left:0;
	}
	
	.melBodyContainerWithoutNav #melDatabaseButton, div.melDatabaseRecord a img, #melDatabaseButton, div.melDatabaseRecord a img {
		float:none !important;
	}

	#aboutMeL { 
		width:86%;
		height:auto;
	}

	#melDatabaseSearch input#searchString{
    	width: 95% !important;
	}
	
	#gatewaySearch input#searchString{
		margin-top:0;
	}
	
	.melBodyContainerWithoutNav #melDatabaseSearch .searchBox {
    	width: 53% !important;
	}
	
	
	#recaptcha_widget_div {
		width:80%;
	}
	
	
	img.michigana {
		height:50px !important		
	}
	
	.searchTabs {
		float:right;
		margin:16px -2px 0 !important;
	}
	
	#search {
		margin-top:40px!important;
	}
	#melCopyright {
    	padding: 10px 10px !important;
		width:93% !important;
	}
	body {
		background:url(MeL-background-gradient2.png) repeat-y top center!important;
	}

	#melHeaderInner {
		height:70px;
	}
	
/*Resp*/
.patAuthWrapper {
  overflow-y: hidden;
}
	
}


/* Here's where the III stuff starts */

table.browseWidgit {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  background: #BAD281;
  font-weight: normal;
  text-align: center;
  font-size: smaller;
  border: thin none;
  margin: .15em;
}

tr.browseHeader td, tr.browseHeader th, td.browseSaveJump {
/*  background: #BAD281;
  color: #000000; */
  background: #5F703C;
  color: #ffffff;
  border-bottom: 1px solid #5F703C;
  border-top: 1px solid #5F703C;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding: .15em .35em;
  vertical-align: bottom;
}

tr.browsePager td  {
  background: #FFFFFF;
  color: #5F703C;
  border: none;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding: .15em .35em;
  vertical-align: bottom;
}

td.browseSaveJump {
  background: #FFFFFF;
  color: #000000;
  border-bottom: none;
  border-top: none;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding: .15em .35em;
  vertical-align: bottom;
}

td.browseHeaderNum, td.browseHeaderMark {
  width: 1.5em;
  padding: .15em .15em;
}

td.browseHeaderData {
  background: #BAD281;
  color: #ffffff;
  border-bottom: thin solid #000000;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding: .15em .35em;
  vertical-align: bottom;
  text-align: left;
}

td.browseHeaderEntries {
  text-align: right;
}

td.browseHeaderMedia {
  text-align: center;
}

tr.browseSuperEntry td {
  background: #BAD281;
  color: #000000;
  border-bottom: thin solid #000000;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding: .15em .35em;
  vertical-align: bottom;
  text-align: left;
}

tr.browseSuperentry strong {
  color: #000000;
}

tr.browseEntry td {
  background: #FFFFFF;
  color: #000000;
  padding: .15em .35em;
  vertical-align: top;
  border-bottom: 1px solid #5F703C;
/*  font-weight: bolder;
  font-size: smaller;  */
}

tr.briefCitRow td {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  padding: .15em .35em;
  vertical-align: top;
  font-size: smaller;
}

tr.browseEntry a:link, tr.briefCitRow a:link {
  background: #FFFFFF;
/*  color: #5F703C;
  color: #660066; */
  color: #000000;
/*  font-weight: bolder; */
}

tr.browseEntry a:visited, tr.briefCitRow a:visited {
  background: #FFFFFF;
/*  color: #008264; */
  color: #5F703C;
/*  font-weight: bolder; */
}

tr.browseEntry a:hover, tr.briefCitRow a:hover {
  background: #FFFFFF;
/*  color: #5F703C; */
/* color: #660066; */
  color: #000000;
/*  font-weight: bolder; */
}

tr.browseEntry a:active, tr.briefCitRow a:active {
  background: #FFFFFF;
  color: #5F703C;
/*  font-weight: bolder; */
}

td.browseEntryData a:link {
  background: #FFFFFF;
/*  color: #5F703C;
  color: #660066; */
  color: #000000;
/*  font-weight: bolder; */
}

td.browseEntryData a:visited {
  background: #FFFFFF;
/*  color: #008264; */
  color: #5F703C;
/*  font-weight: bolder; */
}

td.browseEntryData a:hover {
  background: #FFFFFF;
  color: #5F703C;
/*  font-weight: bolder; */
}

td.browseEntryData a:active {
  background: #FFFFFF;
 color: #5F703C;
/*  font-weight: bolder; */
}

td.browseEntryMedia, td.browseSubEntryMedia {
/*  font-size: 83%; */
  font-size: smaller;
  text-align: center;
}

td.browseEntryRelevance, td.browseSubEntryYear {
  text-align: right;
}

tr.browseSubEntry td {
  font-size: 92%;
  color: #000000;
  background: #FFFFFF;
  vertical-align: top;
  padding-bottom: .5em;
  border-bottom: 1px solid #5F703C;
}

tr.browseSuperEntry strong {
  font-weight: bolder;
}

.noreauth {
  text-align:center;
  padding-top:5px;
}

tr.browseSuperEntry td {
  font-family: Arial, Helvetica, sans-serif;
/*  font-weight: bolder !normal; */
  background: #BAD281;
/* color: #FFFFFF;
  padding-left: .25em;
}

font[color~="red"] {
  color: #000000;
  background: #FF9;
  font-weight: normal;
}

tr.browseSubEntry td.browseEntryNum {
  color: #000000;
  background: #FFFFFF;
}

tr.browseSubEntry td.browseEntryMark {
  color: #000000;
  background: #FFFFFF;
}

td.browseSubEntry td.browseEntryData {
  border-bottom: thin solid #FFFFFF;
}

#msg {
  width: 14em;
  line-height: 50%;
  padding: .15em .25em;
}

#msg h2 {
  font-size: small;
  color: #000000;
  background: #FF9;
  padding: .15em;
}

.loggedInMessage {
  color: #FF0033;
}

span.holdings-summary {
  font-weight: bold;
  color: #000000;
  background: #FF9;
}



/* classes for webbridge */

.wbbody { background-color: white; font-family : Arial, Helvetica, sans-serif;  font-style : normal; font-weight : normal;  }

.wbcategory { font-family: Arial, Helvetica, sans-serif; color: #5F703C; text-align: left; font-weight: bold; text-decoration: none; border-style: none;  }

.wblinkdisplay { font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: normal; text-decoration: none; border-style: none;  }

.wblinkfield  { font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; text-decoration: none; border-style: none;  }

.wblinktext { font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: normal; font-style: italic; text-decoration: none; border-style: none;  }

.wbresourcelist { font-family: Arial, Helvetica, sans-serif; color: #5F703C; text-align: left; font-weight: bold; text-decoration: none; border-style: none;  }

.wbheading  {  }

.wbpanelcategory { }

.wbsubheading { }

/* end classes for webbridge */