body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: small;
  background-color:#dedec7;
  padding: 0px;
  margin: 0px;
}

h1, h2, h3, h4, h5 {
	color: #306330;
	clear: left;
}
h2 {
	margin: 0px 0 10px 0;
	font-size: large;
}

.column1 h2, .column2 h2, .column1_main h2, .column2_main h2 {
	margin: 0px 0 10px 0;
	/*font-size: medium;*/
}

/* accessibility hide - use instead of display:none for screenreaders */
.logohidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*end accessibility hide */

/* For E-resources */
h2.bars {
	font-size:medium;
}
/* end For E-resources */

/*h3 {
	font-size: small;
	margin-bottom: 0;
}*/

/* generic floatation */

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.float_container {
    overflow: hidden;
    width: 100%;
}
.clear_both {
	clear: both;
}



/* end floatation */

/* alignments */

.a_left {
    text-align: left;
}

.a_right {
    text-align: right;
}

.a_center {
    text-align: center;
}

.obj_center {
    margin-left: auto;
    margin-right: auto;
}
.paddingtop1em {
	padding-top: 1em;
}
.paddingtop2em {
	padding-top: 2em;
}
.paddingright1em {
	padding-right: 1em;
}
.paddingleft1em {
	padding-left: 1em;
}


.borderbottom0 {
	border-bottom:0;}


/* end alignments */



.toph4 h3 {
	font-size:small;
	margin: 0 auto;
	}

.smallh4 {
	font-size:small;
	}
.bottomh5 h4{
	margin-bottom: 2px;
	}
	
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#306330;
	border: none;
	text-align:left;
}
#circ th{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#306330;
	border: none;
	text-align:center;
}
a, a:hover, a:visited {
	color: #306330;
	text-decoration:none;
}
p a, p a:visited, td a, td a:visited {
	text-decoration:underline;
}
a img {
	border: 0;
}
a:hover img {
	border: 0;
}

.fakelink {
    cursor: pointer;
    text-decoration: underline;
}

img {
	padding: 0;
	margin: 0;
}
ul li {
	list-style-position: outside;
	margin-bottom: 10px;
	}

ul ul {margin:7px 10px;}
ul .column1 ul, ul .column2 ul, ul .column1_main ul, ul .column2_main ul {
	padding:0px;
}

ol li {
	list-style-position: outside;
	margin-bottom: 10px;
	}
ol.alphacaps {
	list-style: upper-alpha;
}
ol.romancaps {
	list-style: upper-roman;
}
ol.alphasmall {
	list-style:lower-alpha;
	}
#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;
} 

#wrapper {
	background-color: #ffffff;
	margin-top: 0px;
	padding: 0px;
	width: 960px;
	margin: 0 auto;
	border-left: 0px solid #c1bdb7;
	border-right: 0px solid #c1bdb7;
}
#suphead {
	background-color:#000;
	margin:0;
	padding:0 10px 0 0;
	height:35px;
	border-bottom:3px solid #222;
}
#suphead img {
	float:left;
	margin-left:4px;
	
}
#suphead a, #suphead a:visited {color:#ccc;text-decoration:none;}
#suphead a:hover, #suphead a:active {color:#fff;text-decoration:none;}
#suphead p {
	color:#ccc;
	margin:0;
	text-align:right;
	padding:5px 0 0 0;
}
/* tis the season - temp button */
div#season {
	float:right;
	margin: -35px 10px 5px 5px;
}/* tis the season - temp button */


/* support MSU Libraries button */
.button_support {
	background-color:#528009;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
}.button_support:hover {
	background-color:#77a809;
}.button_support:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* for rollover css button in #suphead */
#suphead a.bgbutton {
    background: transparent url('http://img.lib.msu.edu/structure/bg_button_a_green.png') no-repeat scroll top right;
	margin-left:1em;
    color: #111;
    display: block;
    float: right;
    font: normal 12px verdana, sans-serif;
    height: 24px;
    
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#suphead a.bgbutton span{
    background: transparent url('http://img.lib.msu.edu/structure/bg_button_span_green.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
#suphead a.bgbutton:active, #suphead a.bgbutton:hover {
    background-position: bottom right;
    color: #333;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

#suphead a.bgbutton:active span, #suphead a.bgbutton:hover span  {
    background-position: bottom left;
    /*  padding: 6px 0 4px 18px;  push text down 1px */
}
/* end rollover for css button */
#header {
	width: 960px;
	background-color: #000000;
	background-image: url(http://img.lib.msu.edu/structure/msul-banner_main_new1.png);
	background-repeat: no-repeat;
	height: 55px;
	margin: 0;
	padding: 0;
}

#askalibhdr_refresh {
	float:right;
	margin:-45px 120px 0 0;
	padding-right:265px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	clear:right;
	
}
#askalibhdr {
	float: right;
	margin: 5px 15px 0px 0px;
	color: #ffffff;
	text-align: right;
	font-size: small;
}
#askalibhdr a {
	color: #ffffff;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
#askalibhdr a img {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#mainlink {
	float: right;
	margin: 10px 15px 0px 0px;
	color: #ffffff;
	text-align: right;
	font-size: x-small;
}
#mainlink img {
	vertical-align: middle;
}
#mainlink a {
	color: #ffffff;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
#mainlink a img {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a#homelink {
	height: 55px;
	width: 350px;
	float: left;
}
.invisible {
	display: none;
}
#navigation {
	background-image: url(http://img.lib.msu.edu/structure/nav_grad.png);
	background-repeat: repeat-x;
	background-color: #538461;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-top: 0px solid #0c6c0c;
	border-right: none;
	border-bottom: 1px solid #538461;
	border-left: none;
	z-index: 9;
	height: 1.75em;
}
#navigation a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#navigation ul {
	margin: 0;
	padding: 0;
	font-size: 15px;
	list-style: none;
}
#navigation ul li {
	display: inline;
}
#nav {
	clear:both;
	
}

/* nav spacing */

ul#nav .navwidth {
	width: 100%;
}
ul#nav .navgeneral {
	width: 140px;
}
ul#nav .navresources {
	width: 130px;
}
ul#nav .navresearch {
	width: 160px;
}
ul#nav .navhowto {
	width: 185px;
}
ul#nav .navcomputers {
	width: 140px;
}
ul#nav .navcontact {
	width: 140px;
}

/* end nav spacing */

#breadcrumb {
	font-size: small;
	padding: 5px 0px 3px 0px;
	text-align: left;
	
	
}
#breadcrumbmain {
	border-bottom:1px solid #ccc;
	font-size: small;
	padding: 5px 0px 3px 0px;
	text-align: left;
	width:100%;
	float:left;
}
#breadcrumb p {
	margin: 0px 15px 0px 15px;
}
#breadcrumb p a, #breadcrumb p a:visited {
	text-decoration:none;
}
#content {
	margin: 15px 15px 15px 15px;
}
#content p {
	margin: 10px 0px 10px 0px;
}
#content a:hover, #breadcrumb a:hover, #footer a:hover, #fineprint a:hover, #bigfooter a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #306330;
}
#features a:hover, #features_main a:hover {
	border-bottom: 0;
}
#features p a:hover, #features_main p a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #306330;
}
#features a, #features a:visited, #features_main a, #features_main a:visited {
	text-decoration:none;
}
a.features:hover {
	border: 0;
}
p.featurecredits, span.featurecredits {
	font-size: x-small;
}
a.feature img {
	padding:.5em 2.25em;
}
.credits {
	font-size: x-small;
	text-align:right;
	color:#999999;
	width: 45%;
	}
#content.homepage {
		margin: 15px 15px 15px 15px;

}
#content.homepage h3 {
	clear: none;
}
#content.homepage ul, #bigfooter #quickunique_main ul {
	list-style: none;
  line-height:1em;
	margin: 0 0 0 0px;
	padding: 0;
}
#unique_main ul li, #quickunique ul li, #new_main ul li, #aftersearch ul li {
	margin: 0px 0px 5px 0px;
	padding: 0;
}
div.column1, div.column2 {
	width: 49%;
	margin-bottom: 15px;

}

.sidebar {
	width: 35%;;
	float: left;
	clear: left;
}
.widecontent {
	float: right;
	width: 63%;
}
div.column1 {
	float: left;
}
div.column2 {
	float: right;
}
/*home page layout */
div.side1home {
	float:left;
	width:24%;
	margin-bottom: 15px;
}
div.mainhome {
	float:left;
	width:50%;
	margin-bottom: 15px;
	
}

#content div.mainhome {
	margin-top:-15px;
}
div.side2home {
	float:right;
	width:24%;
	margin-bottom: 15px;
}
/*end home page layout */

#lastmod {
	font-size: xx-small;
	color: #666666;
	clear: both;
	float: right;
}
#resfor {
	padding:5px;
	margin-top:-5px;
}
#resfor a img {
	text-decoration: none;
}
#bigfooter {
	background-image: url(http://img.lib.msu.edu/structure/retro_lib_footer4.jpg);
	background-repeat: no-repeat;
	margin: 0;
	
	clear:both;
	
	height:200px;

}
#bigfooter div#give_address {
	background-color: #ffffff;	
		margin:15px 15px 5px 15px;
		
}
#bigfooter div.givingicon {
	background-color:#fff;
	padding:10px;
	width:150px;
	height:50px;
	margin:0 auto;
	 border-bottom:1px solid #eee;

}
#bigfooter div.givingicon a:hover {
	padding:2px;
}
#bigfooter #address_main {
  background-color:#fff;
 text-align:center;
margin-top:-5px;
 
  
  color:#222;
}
#bigfooter #address_main p {
	  text-align:center;
	  padding:5px;
}
#footer {
	margin-top:10px;
	clear: both;
	background-color: #eee;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	height: 1.5em;
}

#footercontent {
	margin: 0px 15px 0px 15px;
	padding:0;
	font-size: small;
}
#footer p.firstlink {
	float: left;
	padding: 0;
	margin: 0px;
}
#footer p.secondlink {
	float: right;
	padding: 0px;
	margin: 0px;
}
#footer p.libaddress {
 	float:left; 
 	margin:0px 0px 0px 100px;
	padding:0px;
	
}
#footer p.techtelmain {
	float:left;
	margin:0 0 0 270px;
	padding:0;
}
#footer p a, #footer p a:visited {
	text-decoration:none;
}

#fineprint {
	background-color: #000000;
	color: #999999;
	padding: 5px 0px 1px 0px;
	margin: 0px;
	height: 1.5em;
	clear: both;
}
#fineprint.er {
	height: 4.5em;
}
#fineprint a {
	color: #dddddd;
}
#fineprint p {
	margin: 0 15px 0 15px;
	padding: 0;
	font-size: xx-small;
}

#fineprint p.copyrightstmt {
	float: left;
	margin: 0 15px 0 15px;
}
#fineprint p.msulink {
	float: right;
	margin: 0 15px 0 15px;
}
#fineprint p.privacystmt {
	float:left; 
 	margin:0px 15px 0px 125px;
}
/* CONTENT RELATED */

.indent {
    margin-left: 2em;
}

p.giftlink {
	font-size: medium;
}
img.giftbox {
 vertical-align: bottom;
}
#givingcrumb {
	float: right;
	margin-right: 15px;
	display: none;
}
a.giving {
	font-size: large;
	font-weight: bold;
}
#hourscrumb {
	float:right;
	margin:-17px 0 0 0;
	padding:0 15px 0 0;
}
#hoursmain {
	float: left;
	margin:-17px 0 0 0;
	padding:0 0 0 250px;
	font-size: small;
}

a.explain {
	font-size: xx-small;
}
p.signature {
	text-align:right;
	}

#libraryphoto {
	float: left;
	margin: 0px 5px 15px 0px;
	color: #666666;
}
#libraryphoto_main {
	float: right;
	margin: 0px 15px 15px 0px;
	color: #666666;
}
/* Todays Hours box */
div#homehours {
	text-align:center;
	padding:10px;
	border:1px solid #ccc;

}
div#homehours p {
	border-bottom:1px solid #eee; 
	padding-bottom:3px
}
/*end todays hours */


#quickunique {
	float: right;
	width: 250px;
}
#quickunique_main {
	
	background-color:#fff;
	width:300px;
	
	padding:10px;	
	margin:15px auto 5px auto;
	
}
#quickunique_main h2, #quickunique_main ul {
 	text-align:center; 
}

#quickunique_main ul {
	font-size:110%;
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
	
}
#quickunique_main ul li {
	line-height:1.25em;
}
#quicklinks {
	margin:0 20px 20px 0;
	border:1px solid #ccc; 
	
	padding:10px 10px 10px 25px;
}
#libraryphoto p {
	margin: 0;
	padding: 0;
	font-size: x-small;

}
#account table {
	font-size: x-small;
	color: #666666;
}
div.smalllogin h2.accounthdr {
	font-size: x-small;
	display: none;
}
.renewalagreement {
	font-size: x-small;
	font-weight: normal;
}
div#features_main {

	
	margin:30px 5px 5px 40px;
	clear: left;
 
}
#features {
	margin: 20px 0px 15px 0px;
	clear: left;
}
#features p {
	margin: 0;
	padding: 0;
}
#features img {
	margin: 0;
	padding: 0;
}
#new {
	margin: 120px 0px 10px 0px;
	padding: 0;
	float: left;
	width: 33%;
	clear: left;
	}
#new_main {
	background-color:#fff;
	margin:15px 15px 5px 15px; 
	width:140px; 
	padding:10px 30px;
}
#new_main ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
}
#social {
	margin: 40px 0 10px 30px;
	padding: 0;
}

#events {
	margin: 120px 0px 10px 0px;
	padding: 0;
	float: right;
	width: 65%;
}
#eventsmain {
	float:right;
	margin:-17px 0 0 0;
	padding:0;
	font-size: small;
}

#libalert, .libalert, #libwarning, .libwarning, #libsuccess, .libsuccess {
	clear: left;
	margin:15px auto;
  width:100%;
}


#libalert h2, .libalert h2, #libwarning h2, .libwarning h2, #libsuccess h2, .libsuccess h2 {
  font-size:large;
    margin:0;
	color:#222;
	background-color:#ffcccc;
	padding:10px 15px 5px 15px;
}
#libalert h3, .libalert h3, #libwarning h3, .libwarning h3, #libsuccess h3, .libsuccess h3 {
  font-size:large;
    margin:0;
	color:#222;
	background-color:#ffcccc;
	padding:10px 15px 5px 15px;
}
#libalert a, .libalert a, #libwarning a, .libwarning a, #libsuccess a, .libsuccess a {
	font-weight:bold;
}

#libalert p, .libalert p {
	border: 0px solid #F7B5BC;
	background-color:#FFCCCC;
	padding: 5px 15px 15px 15px;
	margin: 0;
}

#libwarning p, .libwarning p {
	border: 0px dotted #006600;
	background-color:#FFF9B0;
	padding: 10px;
	margin: 0;
}

#libsuccess p, .libsuccess p {
	border: 0px dotted #006600;
	background-color:#BBFFA0;
	padding: 10px;
	margin: 0;
}
.smallad {
	font-size: x-small;
	color:#333333;
	}

#featureimg img {
	/* float: left; */
	margin: 0 15px 5px 0;
}
#content a.feature:hover {
	border: 0;
}
div.leftphoto {
	float: left;
	margin: 0px 30px 10px 0px;
}
div.photoright {
	float: right;
	margin: 0px 0px 10px 10px;
}
p.allfeatures {
	clear: left;
}
table.netaccess, table.committee, table.data {
	border: 1px solid #000000;
}
table.netaccess h3 {
	margin: 0;
	padding: 0;
}
tr.odd {
	background: #CCCCCC;
}
tr.odd2 {
	background-color:#ccccaa;
}

a.askbutton {

}
table.asktype {
	width: 100%;
}
td.button, td.buttoneven {
	width: 200px;
	background: #ccccaa;
	padding: 20px;
	border: 1px solid #aaaaaa;
	font-weight: bold;
	font-size: large;
	color: #ffffff;
}
td.buttoneven {
	background: #538461;

}
td.buttoneven a, td.buttoneven a:hover, td.buttoneven a:visited  {
	color: #ffffff;
}
/* RSS BUTTON */
.xml-icon {
    padding: 0px 3px 1px 3px;
    margin: 0;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #ff6600;
    border: 1px solid;
    border-color: #ffc8a4 #3f1a01 #3f1a01 #ffc8a4;
    cursor: pointer;
}
/* SEARCH BOX STYLES */

/* jquery search panel tabs */
#search_panels {
	
	width:460px;
	margin:15px auto ;
	white-space:nowrap;
}

#search_panels #tabs h3 {
	font-weight:normal;
	font-size:100%;
	margin:0;
}

#search_panels form {
	font-size:75%;
	text-decoration:none;
}
#tabs a:active, #tabs a:hover{
	border-bottom:none;
}
/* end jquery search panel tabs */


#search {
	height: 1.25em;
	padding:0;
	margin:15px 0 0 0;
	white-space:nowrap;
	list-style-type:none;
	position: relative;
	z-index: 5;
}
#search_box {
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	font-size: small;
	white-space:nowrap;
	position: relative;
	
}
#search_box p {
	color:#eed; 
	font-size:smaller; 
	margin:22px 0px 0px 3px;
	padding:0px 0px 0px 0px;
	position:absolute;
}
#aftersearch {
	
}

#aftersearchhsl {

}
form {
	z-index: 6;
}
#search h3 {
	margin-bottom: 0px;
	padding: 0px;

}

#search ul {
	margin: 0px;
	padding: 0px;
}
#search li {
	display:inline;
	margin: 0px;
	padding: 0px;
	
}
#search li a {
	width: 42%;
	padding: 0 0 20px 0;
	background-image: url(http://img.lib.msu.edu/catalog/tabcatoff.png);
	background-repeat:repeat-x;
	color: #666;
   border: 1px solid #c1bdb7;
	text-decoration: none;
	float:left;
	text-align: center;
	margin: 0px 1px 0px 0px;
}
#search li a:hover {
	text-decoration: none;
	cursor: pointer;
}

#search li a.active {
	background-image: url(http://img.lib.msu.edu/catalog/tabcaton.png);
	background-repeat:repeat-x;
	color: #333;
   border: 1px solid #c1bdb7;
}
#search li a.active:hover {
	text-decoration: none;
}

.search_content {
	visibility: hidden;
	/*margin-top: 0px; */
}
#search form {
	margin: 5px;
	padding: 0px;
	 width: 90%;
	text-align: left;
}
#search a.tab {
	z-index: 9;
}
#catalog, #site, #metafind  {
 position: absolute;
 padding: 10px 0px 5px 0px;
  margin: 0px;
   top: 65px;
  left: 0px;
  height: 5em;
  width: 100%;
  background-color: #fff;
 border-top: 5px solid #c1bdb7;
  border-right: 1px solid #c1bdb7;
   border-bottom: 1px solid #c1bdb7;
  border-left: 1px solid #c1bdb7;
}
#catalog p, #site p, #metafind  p {
  padding: 5px;
	margin: 0px;
	font-size: small;
	text-align: left;
}

#search ul#tabs h3 {
	font-size:small;
	
}



/* for IE7 */
#search p a {
	border:none;
	background-image:none;
	background-color:none;
	text-decoration:none;
	color:#006600;
	
}  
/* done */
#catalogsearch #SelectType {
	z-index: -10;
}

#catbox {
	padding:10px 6px 3px 0px;
	border:0px solid #c1bdb7;
	background-color:#fff;
}
#catbox a, #catalogbox a:visited {
	text-decoration:none;
}

#uniqueall {
  background-color: #ffffff;
	padding: 0 10px 0 10px;
  margin: 0;
}
/* SUB PAGE SEARCH & ACTION BOXES */

div.actionbox {
	background-color: #ccccaa;
	padding: 10px;
}
#account {
	padding:0px;
	margin:0px;
	}

#account h3 {
	margin: 7px 0;
	}

#content.homepage div.actionbox {
	background: none;
	padding: 0;
}
/* WHAT IS THIS? */
.popfg { background-color: #ffffff; }
.popbg { background-color: #006600; }
.popcapfont {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: x-small;
  font-weight: bold;
  color: #ffffff;
}
.popclosefont {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: x-small;
  text-align: right;
}
.popclosefont a { color: #ffffff; }

/* FANCY FORMS */

form.fancyform {
	/*background-color: #ccccaa;  comment out to remove background color*/
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
form.fancyform fieldset {
	border: none;
	/*border-top: 1px dotted #000000;  comment out to remove dotted line*/
	margin: 0;
	padding: 0;
	clear:both;
}
form.fancyform h3 {
	clear: right;
	padding: 5px 0 10px 0;
}
form.fancyform h3, form.fancyform p {
	margin-left: 0px;
}
form.fancyform p {
	margin: 0px 0px 15px 0px;
	padding: 0;
}
form.fancyform select {
	margin: 0 0 0 0px;
	padding: 0;
}
label.textlabel {
	float: left;
}
form.fancyform p label {
	margin-left: 20px;
}
form.fancyform p labellong {
	margin-left: 20px;
	display: block;
}
form.fancyform p textarea {
	margin-left: 20px;
}
form.fancyform p textarealong {
	margin-left: 10px;
}
	
form.fancyform p select {
	margin-left: 40px;
}
form.fancyform p.formbuttons {
	clear: both;
	margin-bottom: 10px;
}
form.fancyform textarea {
	overflow: auto;
}

/* accessibility option for h3 headings */
form.fancyform legend{
	clear: right;
	padding: 5px 0 10px 0;
	font-size: small;
	color: #306330;
	font-weight: bold;
}

.legend {
	clear: right;
	padding: 5px 0 10px 0;
	font-size: small;
	color: #306330;
	font-weight: bold;
}

/*Asterisk controls for forms*/
.important {
	color: red;
	font-size: large;
}

.important2  {
	color: #306330;
	font-size: medium;
	text-decoration: none;
}

/*Text alignment for recall form*/

.textindent {
	text-indent: 1.5em;
}
.textindent2 {
	margin-left: 209px;
	padding-right: 5px;
	clear: left;
	}
	
.textindent3 {
	text-align: left;
	margin: 0 0 0 20px;
}

/* FORMHELP CONTROLS THE INPUT BOXES on forms*/
div.formhelp {
	/*background-color: #ffffff;*/
	border: 1px solid #000000;
	float: left;
	padding: 5px 0 10px 5px;
	margin: 0px 0px 20px 0px;
	width: 90%;
	font-size: small;
	color: #272727; /* was originally #666666 */
}

/* used for instruction sections on forms */
div.formhelp2 {
	background-color: #F0F0F0;
	/*border: 2px dotted #000000;*/
	float: left;
	padding-left: 10px;
	margin: 0px 0px 20px 0px;
	width: 90%;
	font-size: small;
	color: #272727; /* was originally #666666 */
}
/*For Gull Lake retrieval form*/
div.formgull {
	/*background-color: #ffffff;*/
	border: 1px solid #000000;
	float: left;
	padding: 5px 0 10px 5px;
	margin: 0px 0px 20px 0px;
	width: 70%;
	font-size: small;
	color: #272727; /* was originally #666666 */
}



div.formhelp h3 {
	font-size: small;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}
div.formhelp p {
	margin: 0 0 10px 0;
	clear: both;
}

/*Formatting for forms*/
.labelid {
		display: block;	
        width: 10em;
        float: left;
        margin-bottom: 16px;
		text-align: right;
	    padding-right: 30px;

}




.labelidreserve {
		display: block;
        width: 250px;
        float: left;
        margin-bottom: 16px;
		text-align: right;
		padding-right: 5px;
		clear: left;
}

/* FORM FIELD CONTROLS THE FIELDS ON THE LEFT - USE ONLY WHEN USING FORM HELP IN A FIELDSET */
div.formfield {
	float: left;
	width: 80%;
}

/* LABEL.FIXMARGIN - This Fixes weirdness with putting an indent on the labels - this should be fixed at a later date by using a wrapping div around the content of all the fieldsets or some other similar fix, inplace of indenting the labels */
form.fancyform p label.fixmargin {
        margin-left: 2px;
}

/* FORMGROUP - Was created to work with the date and time section of the information literacy instruction form */
.formgroup {
	margin: 0px 5px 0px 15px;
	float:left;
	text-align:left;
	width: 30%;
	}
.formdrop {
	margin:0px 0px 0px 5px;
	}
div.formgroup label {
	margin:0px 0px 5px 5px;
	width:6em;
	text-align:right;
	}

div.formgroup label2 {
	margin: 0px 5px 0px 0px;
	}
div.formgroup p select {
	margin: 0px 0px 0px 0px;
	}
div.formgroup p input {
	margin:0px 0px 0px 0px;
	}

/* DLS CONTACT */

.dlscontact {
	background-color: #ccccaa;
	padding: 5px 10px 10px 10px;
	font-size: medium;
}
.dlsproxy {
	background-color: #DEDEC7;
	padding: 5px 20px 10px 20px;
}

div.dlscontact ul {
	list-style: none;

}
div.dlscontact ul li {
	margin-bottom: 5px;
}
p.dlshoursalert {
	font-size: small;
	color: #CC0000;
}
.phone {
	list-style-image: url(http://img.lib.msu.edu/about/dls/phone.png);
	font-weight: bold;
	}
.email {
	list-style-image: url(http://img.lib.msu.edu/about/dls/email.png);
}
.small {
	font-size: x-small;
}
div.dlsservice {
	border: 1px dotted #666666;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
}
div.dlssystemalert {
	clear: both;
}
div.dlssystemalert {
	list-style-image: url(http://img.lib.msu.edu/about/dls/error.png);
}

/*Formatting for forms*/
.labelid {
		display: block;	
        width: 200px;
        float: left;
        margin-bottom: 16px;
		text-align: right;
	    padding-right: 5px;
		clear: left;
}




.labelidreserve {
		display: block;
        width: 250px;
        float: left;
        margin-bottom: 16px;
		text-align: right;
		padding-right: 5px;
		clear: left;
}

/*For Gull Lake comments box*/

.labelidgull {
		display: block;
        width: 150px;
        float: left;
        margin: 0 0 5px 10px;
		padding-right: 5px;
		text-align: right;
		clear: left;
}

.labelid3 {
	display: block;
	width: 390px;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: right;
	padding-right: 5px;
	clear: left;
}

.labelid4 {
	display: block;
	width: 490px;
	float: left;
	text-align: right;
	padding-right: 5px;
	clear: left;
}

.labelid5 {
	display: block;
	width: 630px;
	float: left;
	/*text-align: right;*/
	padding-right: 5px;
	clear: left;
}

.labelid6 {
		display: block;	
        width: 800px;
        float: left;
        clear: both;
        margin-bottom: 5px;
		text-align: left;
	    padding: 25px 10px 5px 5px;
		clear: left;
}

.textareaid textarea{
	border: 1px solid #cccc99;
	margin-left: 20px;
}
/* hours formatting */

div.hourslocation {
    position: relative;
    border: 1px solid #ccccaa;
    width: 99%;
}

div.hoursbox {
    border: 1px solid #006633;
    text-align: center;
}

div.hoursum_head {
    position: relative;
    background: #ccccaa;
    height: 1.6em;
    line-height: 1.5em;
}

div.hoursum_headleft {
    position: absolute;
    margin-left: 0.5em;
    left: 0em;
    top: 0em;
}

div.hoursum_headright {
    position: absolute;
    margin-right: 1em;
    right: 0em;
    top: 0em;
}

div.hoursum_columnleft {
    float: left;
    margin-left: 0.5em;
    width: 57%;
    text-align: left;
}

div.hoursum_columnright {
    float: right;
    margin-right: 0.5em;
    width: 37%;
    text-align: left;
}

div.hoursum_clear {
    clear: both;
    height: 0em;
}
/* end hours formatting */

img.giftbox {
}
/* STYLES FOR LINKS ON BRANCHES TO MAIN LIB */

a.mainlink:after {
	content: " " url(http://img.lib.msu.edu/structure/mainlink.gif)
	}
/* END BRANCHES -> MAIN LINK STYLES */
p.toplink {
	clear: left;
	}

/* SECONDARY MENUS */
/* modified from the e-resource pages */
/* edited to follow main library color and sytle scheme */

/* leftmenu contains the menu */
#leftmenu{
	float: left;
	border: 1px solid #cccccc;
	width: 210px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.unitnav{
	background-color: #FFFFFF;
}

/* for IE, menu width leftmenu minus all left/right paddings */
* html .unitnav{
width: 202px;
}

html>body .unitnav a{ /* for non IE */
width: auto;
}

.unitnav li{
	margin: 0;
	list-style-type: none;
}

.unitnavnolink li{
margin: 0;
list-style-type:none;
border:none;
}

.unitnav a{
	font: bolder small Verdana;
	display: block;
	padding: 4px 3px 4px 3px;
	width: 100%; /* for IE6 */
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-decoration:none;
}
/* .unitnavnolink a {
 	font: bolder small Verdana;
	padding: 0px 0px 0px 3px;
	} */

.unitnav a:hover{
background-color: #ccccaa;
color: black;
}

/* mainspace holds centercolumn and rightcolumn */
#mainspace{
float: right;
width: 692px;
margin-bottom:2em;
}

.nodot {
list-style-type:none;
}

/* when using icons put on the left and text on the right */
/* for photocolumnleft if used within mainspace, the image cannot be larger than 170px */
.photocolumnleft{
float: left;
width: 25%;
}

.pcleft{
float: left;
width: 25%;
clear:both;
}

.photocolumnctr{
float:right;
width: 49%;
}

.textcolumnright { /*used on the history.jsp page */
	float:right;
	width:72%;
	margin: 0px 9px;
	}

.textcolumnleft { /*used on the history.jsp page */
	float:left;
	width:72%;
	margin:0px 18px 0px 0px;
	clear:both;
	}

.photocolumnright{
float: left;
width: 70%;
margin: 0px 15px 10px 15px;
}


.ctlright{
float: right;
width: 70%;
padding:  40px 8px;
}
.ctlrightold{
float: right;
width: 70%;
padding:  20px 8px 8px 8px;
}
/* more futzing with spacing - provides intent to text applied to answers in FAQ */
.indented{
margin: 15px 15px 15px 25px;
}

.centercolumn{
float: left;
width: 51%; /*Width of mid column*/
margin-top:10px;
}

.rightcolumn {
float:left;
width: 49%;
margin-top:10px;
}

.centercolumn li{
list-style-type:none;
}

.wholeft{
float: left;
width: 33%;
border: none;
}
.whomid{
float: left;
width: 33%;
border: none;
}
.whoright{
float:left;
width:33%;
border:none;
}

.wholeft li{
list-style-type:none;
}


.whomid li{
list-style-type:none;
}

.whoright li{
list-style-type:none;
}

/* END OF SECONDARY MENUS */

.left3{
float: left;
width: 39%;
border: none;
margin:2px 8px;
}
.mid3{
float: left;
width: 39%;
border: none;
margin:2px 8px;
}

.right3{
float:left;
width:15%;
border:none;
margin:15px;
}
/* TABLE STYLES FOR SYSTEMS */
p.warning {
background-color:#FFCACA;
padding: 10px;
}
/* END OF TABLE STYLES FOR SYSTEMS */

/* Added for Privacy Warnings */

p.libraryprivacy {
	font-size: xx-small;
	font-style:italic;
}

/* Added for ILS as to highlight fines */
.highlight {
	color: red;
	font-weight:bold;
}

/* Added for givingform.jsp */
.hint {
	font-style:italic;
	font-size: x-small;
}
div.tinycredit {
	font-style:italic;
	font-size:xx-small;
	color:#CCCCCC;
}
div.tinycredit a{
		color:#CCCCCC;
		}
/* Added for Giving Did you know */

.imgleft {
	width:100px;
	padding: 10 px;
	float:left;
	border:none;
}

.textright {
	width:70%;
	padding:5px;
	float:left;
}

.didyouknow {
	padding:5px 0px 5px 0px;
	height:auto;
	clear:left;
	}

/* Added for Giving banner layout */
.textcolumn{
float: left;
width: 59%; /*Width of mid column*/
margin:0;
padding:0;
}

.menucolumn {
float:right;
width: 39%;
margin:0;
padding:0;
}
/* Added for centering Giving images */
.midcol {
text-align:center;
}
/* Added for Ask A Librarian page */
.left3ask{
float: left;
width: 36%;
border: none;
margin:2px 8px;
}
.mid3ask{
float: left;
width: 36%;
border: none;
margin:2px 8px;
}
.right3ask{
float:left;
width:22%;
border:none;
margin:2px 8px 10px;
}

.example {
font-style:italic;
}

/*For version of AAL with graphics*/
.graphic {
float: left;
} 

/*End of Ask A Librarian page */

/*Added for Hide Qwidget box (Qwidget replacement) on Ask-A-Librarian pages */
#noqwidget {
width:200px;
padding:3px;
background-color:#ccccaa;
}

#noqwidgetgray {
width:183px;
height:268px;
background-image:url(gray1.gif);
padding:3px;
}

.noqwidgettext {
background-color:#ffffff;
font-size: 12px;
padding-left:3px;
padding-bottom:3px;
}

.noqwidgettextgray {
background-color:#ffffff;
font-size:10px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
}

.askheader {
padding-top: 3px;
padding-left: 3px;
}

.askheadergray {
padding-left: 3px;
padding-bottom: 3px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

.asklink {
background-color: #ffffff;
font-size: 14px;
}
.asklinkgray {
background-color:#ffffff;
font-size: 12px;
}

a.asklink:link {
color: #006600;
}

a.asklink:visited {
color: #006600;
}

a.asklinkgray:link {
color:#006600;
}

a.asklinkgray:visited {
color:#006600;
}

.askcredit {
font-size: 9px;
background-color: #ccccaa;
padding-left:3px;
}

.askcreditgray {
font-size: 9px;
color:#ffffff;
padding-left:3px;
padding-right:3px;
}

/* QWIDGET STYLES */
#qpchatwidget .QPChatWindowStatusArea {
	color:#333333;
	letter-spacing: 1px;
}
#qpchatwidget .QPChatWindowTitleBar td {
	color:#333333;
	letter-spacing:1px;
	font-size:14px;
}
#qpchatwidget .QPChatContainer {
	padding:0px 3px 0px 0px;
}

#qpchatwidget .QPChatWindowTextArea  {
	width:180px;
}

#qpchatwidget .QPChatWindowTextAreaShort  {
	width:180px;
}
#qpchatwidget .QPChatWindowButton {
	margin:1px 1px 0px 1px;
	border:0px;
}

#qpchatwidget .QPChatWindowTitleBar table img {

	margin-top:5px;
	margin-right:6px;

}

#qpchatwidget .QPChatEmailLogo {
	margin:1px 0px 0px 15px;
	padding:2px;
	background-color:#999999;

}
#qpchatwidget .QPChatLogo {
  background-color:#999999;
  margin: 2px 0px 0px 95px;
  padding:0px;
}
/* END QWIDGET STYLES */

/*For Gov Docs page */
.imagepadding {
	padding: 15px 0;
	}
	
/* Added for the Donate Online page to stop text from wrapping */
.col1 {
	float:left;
	width:50%;
	}
.col2 {
	float:right;
	width:50%;
	}

/* for atc pages */
.squish li{
	margin:0px 0px 3px 0px;
	}

.atcmap {
	clear:both;
	float:left;
	}

/* playing with sizing */
.big {
 	font-size:large;
	}

	/* double sided printing alert printing.jsp */
.doubleprint {
font-size:small;
color:#006600;
font-weight:bold;
padding:15px 15px 5px 0px;
}

  /*  LIR contracts and acts 312 pages */

.lir1{
width:45%;
text-align:center;
float:left;
background-color: #ccccaa;
padding: 10px 0px;
margin: 0px 0px 0px 15px;
}

.lir2 {
width: 37%;
text-align:left;
float:left;
padding: 0px 0px 0px 20px;
}

.lir3 {
width: 24%;
float:right;
padding: 0px 5px;
}

.lir4 {
width:49%;
text-align:center;
float:left;
}

  /* circle bullet for lists */

.circle li {
list-style-type:circle;
list-style-position:outside;
margin: 0px 0px 0px 15px;
}
 /* for launching page links */
 div.surveytext a{
		color:#FFFFFF;
		font-size:x-large;
		font-weight:bold;
		}

/* spacing for barcode on recall form  */
.barcode {
/*width: 25%;*/
float:right;
padding: 10px 460px 10px 100px;
}
/*alternative spacing for barcode*/ 
.barcode3 {
/*width: 25%;*/
float:right;
padding: 10px 270px 10px 100px;
}
/* barcode spacing for labelid4 */
.barcode4 {
/*width: 25%;*/
float:right;
padding: 10px 260px 10px 100px;
}
/*barcode spacing for gul */
.barcodegull  {
float:right;
padding: 10px 500px 10px 100px;
}

.formcolumnleft {
	float:left;
	/*width:70%;*/
	margin:0px 0px 0px 0px;
	}
.datealert {
	background-color: #F1DFDF;
	border: 0px solid #000000;
	float: left;
	padding: 3px;
	margin: 0px;
	font-size: small;
	color: #000000;
}
.datealertgreen {
	background-color: #D7F3CB;
	border: 1px solid #cccccc;
	float: left;
	padding: 3px;
	margin: 0px;
	font-size: small;
	color: #000000;
}
div.datealert h3{
	font-size: small;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}
div.datealert p {
	margin: 0 0 10px 0;
}

/* spacing for barcode on faculty delivery form  */
	.barcode2 {
width: 49%;
float:right;
padding: 111px 5px 10px 5px;
}

/* links in copy center table to "footnotes" */
.footnote a{
	text-decoration: none;
}

/* table like rows on /about/administration.jsp */

div.row {
	width: 100%;
	clear: both;
	padding-top:20px;
	padding-left:15px;
}
div.left {
	width: 18%;
	float:left;
}
div.middle {
	float:left;
	width:20%;
}
div.right {
	float: left;
}

/* Use to do a carriage return - fails in IE */
.reset {
	clear:both;
	float:left;
}

/* hours calendar css */
.caldiv_wrapper {
    overflow: auto;
    width: 100%;
}

.caldiv_nav {
    float: left;
    width: 16em;
    padding: 3px;
    border: 1px solid #777777;
}

.caldiv_grid {
    margin-left: 17em;
    padding: 2px;
    border: 1px solid #777777;
}

.calendar_head {
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

.calendar_head h2 {
    clear: none;
}
.cal_pre h1 {
    margin: 0px 0 10px 0;
    font-size: large;
}
.caldiv_wrapper h2 {
    margin: 0px 0 10px 0;
    font-size: large;
}

.cal_select {
    padding: 0.5em 0.3em 0em 0.3em;
    width: 20%;
}

.cal_table {
    width: 97%;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
.cal_table th, .cal_table td {
    text-align: center;
}

.cal_table td {
    width: 14.25%
}

.cal_day {
    height: 10em;
    text-align: center;
    font-size: x-small;
}

.cal_day div {
    background: #ccccaa;
    text-align: left;
}

.cal_title {
    font-size: large;
    font-weight: bold;
}
/* end hours calendar */

/* columns for 2/3rds left and 1/3rd right */
.column66l {
	width:66%;
	float:left;
	margin:0px;
	}
	
.column33r {
	width:33%;
	float:right;
	margin:0px;
	}
	
.column66r {
	width:66%;
	float:right;
	margin-top:0px;
	}
	
.column33l {
	width:33%;
	float:center;
	margin:0px;
	}
	

/* SuDocs quiz layout */
.qrtr1 {
width: 25%;
float: left;
}

.listspace ol li {
margin-top: 10px;
}

.bpsmove {
	background-color: #ccccaa;
	padding: 5px 10px 10px 10px;
	border:ridge;
}
#content.bpshomepage {
		margin: 15px 15px 15px 15px;

}
#content.bpshomepage h3 {
	clear: none;
}


/* Finding Aids 373 */
.inlineList {
	padding-right: 10px;
	display: inline;
	list-style-type: none;
}
.paragraphIndent {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}

/* EBM */

#leftmenuFloat{
	float: left;
	border: 1px solid #cccccc;
	width: 210px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	clear:both;
}

#textRight{
	float:right;
}


.bemLogo {
	padding-left:50px;
	padding-top:10px;
	padding-bottom:5px;
}

.tablePrint {
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #000000;
}

tr.stripe {
	background: #CCCCCC;
}
tr.stripeHeading {
	background-color:#ccccaa;
}

.ebmlabelid {
		display: block;	
        width: 10em;
        float: left;
        margin-bottom: 16px;
		text-align: right;
	    padding-right: 30px;

}

.ebmfaqcolor {
	color:##306330;
}


.ebm_formbox {
    width: 98%;
    overflow: hidden;
    margin: 12px 0px 12px 0px;
}
.ebm_boxlabel {
    width: 160px;
}
.ebm_boxlabel, .ebm_topshift {
    padding: 4px 0 0 0;
}
.ebm_boxentry {
    margin-left: 165px;
}
.ebm_fleft {
    float: left;
}
.ebm_tright {
    text-align: right;
}
.ebm_thumb, .ebm_thumb:hover {
    width: 115px;
    height: 160px;
    margin: 5px;
    border: 3px solid #dadada;
}
.ebm_details {
    margin: 5px 0px 5px 2px;
}
.ebm_break {
    color: #eaeaea;
    background: #eaeaea;
    border: #eaeaea;
    height: 10px;
}
.ebm_result {
    width: 660px;
    overflow: hidden;
}
.ebm_title {
    font-size: 1.6em;
    color: #464646;
    font-weight: bold;
}
.ebm_important {
    color: red;
    font-weight: bold;
}

/* end EBM */

/* color changes */
.tanbackground {
	background-color: #DEDEC7;
}

/* end color changes */

/* css for mobile page and icon*/
.bigncenter {
	padding-bottom:15px;
	clear:both;
	vertical-align:top;
}
.balloon {
	padding-bottom: 3px;
}

.mobiletext {
float: left;
width: 65%; /*Width of mid column*/
margin:0;
padding:0;
}

.mobilegraphic{
float: left;
width: 30%;
border: none;
margin:2px 8px;
}

/* end font manipulation */
/*css button*/
.button {
    background: #15453b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#538461), color-stop(100%,#18453B));
    background: -moz-linear-gradient(center top, #538461 0%, #18453B 100%);
    -webkit-box-shadow: 2px 2px 2px #bababa;
    -moz-box-shadow: 2px 2px 2px #bababa;
    box-shadow: 2px 2px 2px #bababa;
    text-shadow: 1px 1px 0px #b8b4b8;
    text-align: center;
    font-family: Verdana;
    font-size: 25px;
    line-height: 50px;
    color: #ffffff;
    width: 105px;
    height: 56px;
	float:left;
	}

.imgleft2 {
	width:105px;
	padding: 5 px;
	float:left;
	border:none;
	background-color: #ccccaa;

}

.textright2 {
	width:70%;
	padding:12px;
	float:left;
	background-color: #ccccaa;

}
/* for highlighting this is only for one particular set of people (for Kriss) */
.notyou {
	color:red;
	font-style:italic;
}
/* for symposium page */
.imgleft200 {
	width:200px;
	padding: 20 px;
	float:left;
	border:none;
}
.textright200 {
	width:72%;
	padding:0px 15px;
	float:left;
}
#launchbuttons a {
	width:200px;	
}
/*jquery buttonize */

.buttonize a {
	color:#666;
}
#content div.buttonize a:hover, #content div.buttonize a:active {
	border-bottom:1px solid #aaa;
	text-decoration:none;
}

/* end jquery buttonize