
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


#block-views-suggestion-archive-block, #block-tagclouds-2, .page-library-suggestion .node-library-suggestion {
	border: 1px solid black;
	border-radius:7px;
	padding: 10px;
}


.node-type-library-suggestion .comment-form #edit-subject {display: none;}

.prettyblocks {
width: 300px;
min-width: 300px;
float: left;
position: relative;
margin-right: 20px;
}


.prettyblocks li {
padding: 2.5em;
position: relative;
display: block;
padding: .6em .6em .6em 2em;
text-decoration: none;
a: text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 1.1em;
background: #bcd;
overflow: auto;
}

.prettyblocks a {text-decoration:none; display:block;}

/*
.prettyblocks li:hover {background:#ddd;}
*/


.prettyblocks2 {
width: 300px;
min-width: 300px;
float: left;
position: relative;
margin-right: 20px;
}


.prettyblocks2 li {
padding: 2.5em;
position: relative;
display: block;
padding: .6em .6em .6em 2em;
text-decoration: none;
a: text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 1.1em;
background: #bcd;
overflow: auto;
}

.widerblocks2 {
width: 85%;
float: left;
position: relative;
margin-right: 20px;
}


.widerblocks2 li {
padding: 2.5em;
position: relative;
display: block;
padding: .6em .6em .6em 2em;
text-decoration: none;
a: text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 1.1em;
background: #bcd;
overflow: auto;
}


#header {position: relative;}

#site-title {float:left; margin-left:17px; margin-top:60px; font-family: Oswald, arial, sans-serif; font-size: 2.5em; margin-bottom: 0;}
#site-logo {display:inline; float:left;}
#site-logo-sm { float:left; display:none;}




.mobile-sbox-nav {height:2.5em}

.block-nodeblock h2.block-title {display:none}

#block-block-4 { z-index: 488; background: #fff;}


#block-block-5 {margin-bottom:0;}
#header-wrapper {background: white;}
#footer-wrapper {background: white;}
.breadcrumb {margin-left:10px; margin-top:4px;}
/*  secondary nav mobile */
#block-block-6 {display:none;}


#foot {font-size:12px; width: 930px; margin: 0 auto 0 auto; background:#333; color: white; margin-top:20px; padding:0;}

#foot a {
color: #D4D4D4;
text-decoration: none;
/* border-left: 1px solid #D4D4D4;*/
padding: 0 5px 0 7px;
}

#foot a:hover, #foot a:focus {
color: #d00;
}
#socialimg {position:relative; z-index:50; float:right; right:2px; bottom:10px;}


 #footer-wrapper {background-image:url('https://library.gmu.edu/img/gray.png'); background-repeat:repeat-x;}
 
 
 
#block-nodeblock-135 {border: 1px dotted #333; padding: 1em 0 0 0.5em;}
 
 
 
 
 /* Saff table */
 
/*div.table-wrapper ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, meter, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
	list-style: none;
    outline:0;
   
	font-weight: normal;
    vertical-align:baseline;
    background:transparent;
    -webkit-appearance: none;
}*/


div.table-wrapper ol, div.table-wrapper ul, 
div.table-wrapper li,div.table-wrapper fieldset, div.table-wrapper form, div.table-wrapper label, div.table-wrapper legend,
div.table-wrapper table, div.table-wrapper caption, div.table-wrapper tbody, div.table-wrapper tfoot, div.table-wrapper thead, 
div.table-wrapper tr, div.table-wrapper th, div.table-wrapper td, div.table-wrapper article, div.table-wrapper aside, div.table-wrapper canvas, 
div.table-wrapper details, div.table-wrapper figcaption, 
div.table-wrapper figure, div.table-wrapper footer, div.table-wrapper  header, div.table-wrapper 
hgroup, div.table-wrapper menu, div.table-wrapper meter, div.table-wrapper nav, div.table-wrapper section, div.table-wrapper 
summary, div.table-wrapper time, div.table-wrapper mark, div.table-wrapper audio, div.table-wrapper video {
    margin:0;
    padding:0;
    border:0;
        list-style: none;
    outline:0;
   
  font-weight: normal;
    vertical-align:baseline;
    background:transparent;
    -webkit-appearance: none;
}



/* Styles for the tables test page */



.a11y-only {
   position: absolute;
   left: -999em;
}

.table-wrapper {
   position: relative;
   margin: 5em 5%;
}
.table-menu-wrapper {
   position: absolute;
   top: -3em;
   right: 0;
}
.table-menu {
   position: absolute;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #ccc;
   font-size: 1.2em;
   width: 12em;
   right: 0;
   left: auto;
}
.table-menu-hidden {
   left: -999em;
   right: auto;
}
.table-menu-btn {
   text-decoration: none;
   color: #333;
   font-size: 1.2em;
   background: #eee url(../_img/icon-menu.png) no-repeat 5px center;
   padding: .3em 10px .3em 20px;
   border: 1px solid #ccc;
}
.table-menu li {
   padding: .3em 0;
}

.table-menu label {display:inline}


/* Table styles */

.co-name {
   display: block;
   font-size: .9em;
   opacity: .4;
}

.enhanced th,
.enhanced td {
   display: none;
}

.legacy-ie .enhanced th.essential, 
.legacy-ie .enhanced td.essential {
	display: inline;
}
.enhanced th.essential, 
.enhanced td.essential {
   display: table-cell;
}



@media screen and (min-width: 800px) {
	.legacy-ie .enhanced th.optional, 
	.legacy-ie .enhanced td.optional {
		display: inline;
	}
	.enhanced th.optional, 
	.enhanced td.optional {
		display: table-cell;
	}
}

@media screen and (min-width: 1000px) {
   .legacy-ie .enhanced th, 
   .legacy-ie .enhanced td {
      display: inline;
   }
   .enhanced th, 
   .enhanced td {
      display: table-cell;
   }
}




 /* home css*/
 
 
#imgbk {
background-image: url(http://library.gmu.edu/img/cover.jpg);
background-position: 50% 50%;
background-repeat: no-repeat no-repeat;
}

#imgbk {
background-size: cover !important;
}

#container {
	width:400px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:400px;
	height:240px;
	position:relative;
}



#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:400px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:400px;
	height:240px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	bottom:-7px;
	left:0px;
	width:22px;
	height:22px;
	display:block;
	z-index:101;
}

#slides .next {
	left:375px;
}

/*
	Pagination
*/

.pagination {
	margin:5px auto 0 auto;
	width:190px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/webstyle/css/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



/*
div.featurebox {
border: 2px solid black;
width:28%;
min-width: 204px;
height: 204px;
float: left;
margin-right: 32px;
margin-bottom: 15px;
}




#hmhours {width:220px; height:100px; border: 1px solid black; float:right;}


div.tabBox {
width: 65%;
min-width:450px;
float:left;
overflow: visible;
margin-left:10px;
margin-top:10px;
margin-bottom:2em;
}
 */




div.featurebox {
border: 2px solid black;
width:27%;
min-width: 254px;
height: 204px;
float: left;
margin-right: 32px;
margin-bottom: 15px;
}

#hmhours {width:220px; height:100px; border: 1px solid black; float:right; margin: 5px 5px 0 0;
padding:3px; background:white; margin: 10px 10px 7px 15px;
}


div.tabBox {
width: 65%;
min-width:450px;
max-width:545px;
float:left;
overflow: visible;
margin-bottom: 22px;
margin-top: 15px;
margin-left: 15px;
}




div.tabBox h3 {
padding:20px 0px;
}
 
ul.tabs {

margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; 
width: 100%;
min-width:450px;

}
 
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 32px; 
line-height: 32px; 
margin-bottom: -1px; 
overflow: hidden;
position: relative;
}
 
ul.tabs li a {
display: block;
padding: 0 15px;
outline: none;
background:none;
}
 
.tabContainer {
opacity:0.9;
border-top: none;
overflow: hidden;
clear: both;
float: left;
width: 100%;
min-width:450px;
min-height:300px;
/*margin-bottom:10px;*/
}
 
.tabContent {
padding: 20px;
}
 
.tabContent h3 {
padding:0px;
}
 
/**** TABS STYLES ****/
 
div.tabBox h3 {
}
 
 
ul.tabs {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
}
 
ul.tabs li {
 
}
 
ul.tabs li a {
background:#eee;
text-decoration: none;
font-size: 16px;
color: #000;
outline: none;
border: 1px solid #ccc;
border-left: none;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
}
 
ul.tabs li a:hover {
background: #eee;
}
 
ul.tabs li.active {
border-bottom:1px solid #fff;
}
 
ul.tabs li.active a, ul.tabs li.active a:hover  {  
background: #fff;
}
 
div.tabContainer {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
}
#aux-nav2 {display:none;}
@media only screen and (max-width: 767px) {

#hmhours {clear:both; width:95%; margin: 1em 0 1em 0; float: none;
width: -webkit-calc(100% - 32px);
width: -moz-calc(100% - 32px);
width: -o-calc(100% - 32px);
width: calc(100% - 32px);
min-width: inherit;}


	div.tabBox {
		border: 1px solid #ccc;
width:100%;
	}

	ul.tabs {
	height: auto;
	display: block;
	width:100%;
	border-left:0px;
	}
	
	ul.tabs li {
		width:100%;
		
	}
	
	ul.tabs li a {
	font-size: 11px;
		border-top-left-radius:0px;
		-moz-border-top-left-radius:0px;
		-webkit-border-top-left-radius:0px;
		border-top-right-radius:0px;
		-moz-border-top-right-radius:0px;
		-webkit-border-top-right-radius:0px;	
		border:0px;
		border-top: 1px solid black;
	}
	
	ul.tabs li a:hover {
	color:red;
	
	}
	
	
	div.tabContainer {
		border: 0px;
	}
	
	#aux-nav {display:none}
	#aux-nav2 {display:block;
	padding:2em;
	border: 1px solid black;}
	
  #snetworkhref {display:none;}
}

 



@media screen and (max-width: 768px) {
#site-title {float:left; margin-left:10px; margin-top:40px;}
#site-logo {display:inline; float:left; height:100px;}
div.tabContainer {min-width: inherit}
div.tabBox {
margin:1em 0 1em 0;
width:95%;
width: -webkit-calc(100% - 32px);
width: -moz-calc(100% - 32px);
width: -o-calc(100% - 32px);
width: calc(100% - 32px);
min-width: inherit;}


ul.tabs {min-width: inherit;}

#flip {display: none;}
div.featurebox2 {height: auto;}

select.mobile-sbox-nav {width:100%;}

#foot {width:auto;}

}

@media screen and (max-width: 568px) {
#site-title {float:left; margin-left:10px; margin-top:5px; margin-bottom: 0; font-size: 1.5em;}
#site-logo {display:none;}
#site-logo-sm {display:inline; float:left; }
}
