@media only screen and (max-width: 900px){
/*	#contents, #contents tbody, #contents th, #contents td, #contents tr, .admin_status table, .admin_status tbody, .admin_status tr, .admin_status td, .admin_logs table, .admin_logs tbody, .admin_logs thead, .admin_logs th, .admin_logs tr, .admin_logs td, .admin_settings table, .admin_settings tbody, .admin_settings thead, .admin_settings th, .admin_settings tr, .admin_settings td { 
		display: block; 
		width:100%;
	}
	.admin_status td,.admin_logs td, .admin_settings td {
		padding-right: 0;
	}*/
	body {
		min-width: 500px;
	}
	#mainBody {
		width:100%;
		padding-right: 15px;
	}
	#controlBar ul, #controlBarContainer1, #controlBarContainer2 {
		min-height:0;
		height:auto;
		display:none;
	}
	#controlBar ul li {
		display: block;
		width:100%;
		font-size: 12pt;
		line-height: 16pt;
		opacity: 0;
		height: 0;
	}
	.fpImages ul li {
		width: 33%;
		height: 130px;
		padding: 20px 0;
	}
	#mobmenuicon, #mobcloseicon {
		font-weight: strong;
		font-size: 14pt;
		text-decoration: none;
		height: 30px;
		text-align: center;
		padding-top:10px;
	}
	#mobmenuicon { 		
		display: block; 
	}
	#mobcloseicon { 		
		display: none; 
	}
	#BodyWrapper {
		padding-top: 0px;
	}	
	.accRdrDetails {
		margin-top: 12px;
	}
	#BodyWrapper {
		padding-left: 5px;
	}
	#sideBar {
		padding-top: 12px;
	}
	.MainForm {
		padding-left: 5px;
		padding-top: 12px;
	}
	#mainBody {
		padding-left: 5px;
		padding-right: 5px;
	}
	#sideBar {
		padding-right: 5px;
		padding-left: 10px;
	}
	.searchtable th {
		padding-left: 0px;
	}
	#advsrchfmSimple th, #advsrchfmSimple td {
		padding-right: 0px;
	}
	#advsrchfmSimple thead, #advsrchfmSimple tbody, #advsrchfmSimple th, #advsrchfmSimple tr, #advsrchfmSimple td , #advsrchfmFull thead, #advsrchfmFull tbody, #advsrchfmFull th, #advsrchfmFull tr, #advsrchfmFull td {
		display: block;
		width:100%;
	}
	#advsrchfmFull th {
		display: none;
		height: 0;
	}
	#advsrchfmSimple .hidden select{
		display:none;
		height:0;	
	}
	.mediumbox {
		margin-bottom: 5px;
	}
	#advsrchfmFull {
		margin-left: 10px;
		margin-right: 10px;
	}
	th.bCheckAll, th.numColumn {
		width:10px;
	}
	#ResultsTableWrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	.ExData {
		padding-left: 5px;
	}
	#ResultsTableWrapper, #circdata {
    padding-left: 10px;
    padding-right: 10px;
	}
	.alloyleft, .alloyleftsect, .alloybottomleft {
		display: none;
	}
	#preftable table, #mantable table, #preftable tbody, #mantable tbody {
		display: block; 
		width:100%;
		border-spacing: 0;
		border-collapse: collapse;
	}
	#preftable tr, #mantable tr {
		display: block; 
		width:100%;
	}
	#preftable td, #preftable th, #mantable td, #mantable th {
		display: block; 
		width: 100%;
		margin: 5px 0;
	}
	.readerPref th, .readerPref td {
		padding: 0;
	}
	#preftable .readerPref select, #mantable .readerPref select {
		width: 100%;
	}
	#PostPIN input {
		float: none;
		position: relative;
		top: 0;
	}
	.emailForm .longinput, .emailForm .singleselect2, .emailForm #readonlybodyfld, .emailForm .emessagetext {
		width: 100%;
	}
	td.fCatalogue {
 	   padding-left: 0px;
	}
	#SharesetWrapper {
		padding: 0;
	}
	.emailForm table {
		width: 100%;
	}
	.listicon {
		padding: 0 5px;
		vertical-align: middle;
	}
}
/*at 750px data tables flip*/
@media only screen and (max-width: 750px){
	.rdcirc table, .rdcirc tbody, .searchHistory table, .searchHistory tbody, .sharedlists table, .sharedlists tbody, .readerlists table, .readerlists tbody, .readerSearches table, .readerSearches tbody, .dateSelect, .dateSelect tbody, #circsel table, #circsel  tbody, #preftable table, #preftable tbody, .brief table, .brief tbody, .faccs table, .faccs tbody, #ResultsTableWrapper table, #ResultsTableWrapper tbody, .shareset table, .shareset tbody, .emailForm table, .emailForm tbody , #login1 table, #login1 tbody {
		display: block; 
		width:100%;
		border-spacing: 0;
		border-collapse: collapse;
	}
	.rdcirc tr, .searchHistory tr, .sharedlists tr, .readerlists tr, .readerSearches tr, .brief tr, .faccs tr {
		display: block; 
		width:100%;
		border: 1px solid grey;
	}
	.dateSelect tr, #circsel tr, #preftable tr, #ResultsTableWrapper tr, .shareset tr, .emailForm tr, #login1 tr {
		display: block; 
		width:100%;
	}
	.rdcirc td, .searchHistory td, .sharedlists td, .readerlists td, .readerSearches td, .brief td, .dateSelect td, #circsel td, #preftable td, #preftable th, .faccs td, .faccs th, #ResultsTableWrapper td, .shareset td, .emailForm td, #login1 td {
		display: block; 
		width: 100%;
	}
	.dateSelect td, #circsel td, #preftable td, #preftable th, .shareset td, .emailForm td, #login1 td{
		margin: 5px 0;
	}
	.zeroWidthCol {
		display: none !important;
		width: 0;
		height: 0;
	}
	.admin_status table, .admin_status tbody, .admin_status tr, .admin_status td, .admin_logs table, .admin_logs tbody, .admin_logs thead, .admin_logs th, .admin_logs tr, .admin_logs td, .admin_settings table, .admin_settings tbody, .admin_settings thead, .admin_settings th, .admin_settings tr, .admin_settings td { 
		display: block; 
		width:100%;
	}
	.admin_status td,.admin_logs td, .admin_settings td {
		padding-right: 0;
	}
	td.fNumber {
		padding-right: 0;
	}
	.AccessionWrapper {
		margin-left: 0;
		padding-right: 0;
	}
	.fImage .cImgLarge {
		width:100%;
	}
	.fImage img {
		padding-left: 15%;
		padding-right: 15%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* temporarily stack the account loans tab buttons when it breaks tablet design */
@media only screen and (max-width: 600px){
	.buttonRow {
		width:100%;
		clear: both;
		display:block;
	}
}


/* Simple mobile theme (for screen widths between 500px and 200px) */
@media only screen and (max-width: 500px){
	#contents, #contents tbody, #contents th, #contents td, #contents tr, .admin_status table, .admin_status tbody, .admin_status tr, .admin_status td, .admin_logs table, .admin_logs tbody, .admin_logs thead, .admin_logs th, .admin_logs tr, .admin_logs td, .admin_settings table, .admin_settings tbody, .admin_settings thead, .admin_settings th, .admin_settings tr, .admin_settings td { 
		display: block; 
		width:100%;
	}
	.admin_status td,.admin_logs td, .admin_settings td {
		padding-right: 0;
	}
	#mainBody {
		width:100%;
	}
	#sideBar, #mainBody {
		padding-left: 0px;
		padding-right: 0px;
	}
	body {
		min-width:200px;
		margin:0;
		font-size:13pt;
	}
	#body {
		background: url("") repeat-y scroll;
		padding: 0;
		text-align: left;
	}
	#PageOptions, #headerTop {
		display: none;
		height: 0;
	}
	#mobHeader {
		display: block;
		height: auto;
		background-color: #3C3C3C;
		margin: 0px;
		padding: 1em;
		margin-bottom: 1em;
	}
	#mobHeader a {
		text-decoration: none;
	}
	.header1, .header2 {
		font-size: 15pt;
		font-family: "Arial";
	}
	#controlBar ul, #controlBarContainer1, #controlBarContainer2 {
		min-height:0;
		height:auto;
		display:none;
	}
	#controlBar ul li {
		display: block;
		width:100%;
		font-size: 12pt;
		line-height: 16pt;
		opacity: 0;
		height: 0;
	}
	#BodyWrapper {
		padding:0 2%;
		margin:0;
	}
	#controlBarContainer1, #wrapper {
		background: url("");
	}
	#searchTable {
		border-collapse: collapse;
	}
	#searchTable, #searchTable tbody, #searchTable th, #searchTable td, #searchTable tr { 
		display: table; 
		width:auto;
	}
	#searchTable, #searchTable tbody, #searchTable th, #searchTable tr { 
		width:100%;
	}
	#searchTable td {
	display: inline;
	width:40%;
	}
	#BodyWrapper #MainSearchForm {
		margin:2%;
	}
	table#searchTable input {
		vertical-align: bottom;
	}
	#sw_button {
		width: 100%;
	}
	#sw_input {
		width:98%;
	}
	#sideBarWrap, #sideBar, .MainForm {
		padding: 0;
		margin: 0;
		background: url("");
	}
	.MainForm {
		padding: 2%;
	}
	#sideBarWrap {
		padding:2%;
	}
	.SideContents {
		margin-right: 0;
	}
	.accInfoWidget {
		display: table;
		width: 100%;
	}
	.accInfoTbl, #AccountInfo {
		width:100%;
		display: inline;
	}
	#AccountInfo tr {
		width:100%;
	}
	#AccountInfo td, #AccountInfo th {
		display: inline;
		width: 50%;
	}
	#footer, #controlBar li.spacer {
		display:none;
		height:0;
	}
	#controlBar, #controlBarContainer2 {
		background: url("");
		border:none;
	}
	.brief td, .brief th, .rdcirc td, .rdcirc th, .sharedlists th, .sharedlists td, .readerlists th, .readerlists td, .readerSearches th, .readerSearches td, .searchHistory th, .searchHistory td {
		padding: 0;
		margin:0;
	}
	#advsrchfmSimple .hidden select{
		display:none;
		height:0;	
	}
	.mediumbox {
		margin-bottom: 5px;
	}
	#advSearchLabel {
		display:none;
		margin-right: 5px;
	}
	.searchtable tbody tr th, .MediumLbl {
		display:none;
		height:0;	
		opacity: 0;
	}
	.pagenavcenter a, .pagenavcenter span {
		padding-left: 10px;
		vertical-align: top;
	}
	.First {
		padding-right: 0px;
	}
	#preftable .readerPref select {
		width: 100%;
	}
	.readerPref th, .readerPref td {
		padding: 0;
	}
	.prefButtons, #PostPIN {
		margin-right: auto;
		margin-left: auto;
		width: 128px;
	}
	#PostPIN input {
		float: none;
		top: 0;
	}
	#mobmenuicon, #mobcloseicon {
		font-weight: strong;
		font-size: 14pt;
		line-height: 11pt;
		border-radius: 10px;
		text-decoration: none;
		box-shadow: -2px -1px 3px 0px rgba(0, 0, 0, 0.55), 5px 5px 3px -3px rgba(255, 255, 255, 0.15), inset 1px 2px 3px 0px rgba(255, 255, 255, 0.25),  inset 0px -1px 3px 0px rgba(0, 0, 0, 0.35); 
		padding:10px;
		height: 16px;
		padding: 10px;
		text-align: center;
		margin: 4%;
		margin-bottom: 0;
		margin-left:0;
	}
	#mobmenuicon { 		
		display: block; 
	}
	#mobcloseicon { 		
		display: none; 
	}
	#MainSearch {
    margin-top: 1em;
	}
	.fpImages ul li {
		width: 33%;
		height: 130px;
		padding: 20px 0;
	}
	.zeroWidthCol {
		display: none !important;
		width: 0;
		height: 0;
	}
	.ui-state-highlight {
		margin-top: 15px;
	}
	.tooltip:hover span {
		width: 150px;
	}
	.tooltip:hover img {
		margin: -10px 0 0 -18px;
	}
	.custom { 
	padding: 0.5em 0.8em 0.8em .5em; 
	}
	#circdata {
		padding: 0 0.5em;
	}
	td.help {
		padding: 0;
		background-color: #FFFFFF;
	}
	#editreview table td:first-child {
 	   width: 100%;
	}
	.fImage {
		background-position: center top;
	}
	.ui-widget .ui-widget {
 		font-size: 0.8em;
	}
	.fTitle {
		font-size: 1.3em;
		line-height: 1.3em;
	}
	.buttonRow {
		width:100%;
		clear: none;
		display:inline;
	}
}

/* This section handles the drop from 3 to 2 items per row in widgets */
@media only screen and (max-width : 350px){
	.fpImages ul li {
		width: 50%;
	}
	.tooltip:hover span {
		width: 90px;
	}
	.tooltip:hover img {
		margin: -10px 0 0 -15px;
	}
	.searchbox input.srchbox  {
		width:70%;
	}
	.mediumBox .multiSelect {
		width:70%;
	}
	.buttonRow {
		width:100%;
		clear: both;
		display:block;
	}
}