@charset "utf-8";
* {margin:0; padding:0; border-width:0; vertical-align:top;}
body,html {margin:0; padding:0; font-size:13px; font-family:'Trebuchet MS',helvetica,arial,sans-serif; color:#000; background-color:#FFF;}	 
body a:visited {color:#666;}
.small {font:normal 11px arial; text-align:left;} 
.float_left,.alignleft {display:inline-block; float:left;}  	
.float_right,.alignright {display:inline-block; float:right;} 
img.float_left, img.alignleft {margin:5px 8px 8px 0; clear:left;}  
table td {padding:10px 10px 10px 0; line-height:22px;}
main p {font-size:15px;}
body.mission-statement main hr {border-bottom:1px solid #CCC; margin:20px 0;}

#announcement {display:block; position:relative; top:0; /*left:calc(25%);*/ width:100%; margin:0 auto; padding:6px; background:#FFFF99; opacity:.8; color:#333; text-align:center; font-size:22px; line-height:22px; font-family:'myriad_pro_lightregular','helvetica','arial'; border:1px solid #3F86FF; border-width:0 1px 1px 1px; border-radius:0 0 2px 2px;} 
#announcement a {color:#3F86FF; font-size:16px; line-height:20px; text-decoration:none;}

.flashsale {
	background-color:green; text-align:center; padding:10px; margin-left:0px!important; animation-name:flashsale; animation-timing-function:ease-in-out; animation-iteration-count:infinite; animation-fill-mode:forwards; animation-duration:2s; animation-delay:0s;}
.flashsale > * {font-size:18px!important; color:#FFF;}
@keyframes flashsale {
	0% {background-image:linear-gradient(to right, #FFF, green 0%, #FFF);}
	10% {background-image:linear-gradient(to right, #FFF, green 10%, #FFF);}
	20% {background-image:linear-gradient(to right, #FFF, green 20%, #FFF);}
	30% {background-image:linear-gradient(to right, #FFF, green 30%, #FFF);}
	40% {background-image:linear-gradient(to right, #FFF, green 40%, #FFF);}
	50% {background-image:linear-gradient(to right, #FFF, green 50%, #FFF);}
 	60% {background-image:linear-gradient(to right, #FFF, green 60%, #FFF);}
	70% {background-image:linear-gradient(to right, #FFF, green 70%, #FFF);}
	80% {background-image:linear-gradient(to right, #FFF, green 80%, #FFF);}
	90% {background-image:linear-gradient(to right, #FFF, green 90%, #FFF);}
	100% {background-image:linear-gradient(to right, #FFF, green 100%, #FFF);}
}

/*
@media screen and (max-width:1000px) {	
	#announcement {width:50%; left:25%;}
}
*/
@media screen and (max-width:900px) {	
	#announcement {display:block; position:fixed; top:0; left:0; width:98%; left:0; z-index:9999; animation:fade_announcement 5s linear;}
}
/*
@keyframes fade_announcement {
	0% {opacity:.8; display:inline;}
	100% {opacity:0; display:none;}
} 
*/

.arrow-up:after { 
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000;	text-align:center; margin:2px;
}
.arrow-down:after {
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top: 5px solid #000; text-align:center; margin:2px;
}
.arrow-right:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000;
}
.arrow-left:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; 
}

h1.toggle,h2.toggle,h3.toggle,h4.toggle {cursor:pointer;}
div.toggle {position:relative; padding:10px 20px; margin:10px; background:#F9F9F9; border:1px dotted #CCC;}	 
div.toggle p {margin-bottom:20px !important;}
div.toggle:before {position:absolute; top:5px; right:5px; content:'X'; font-size:20px; line-height:20px; font-weight:bold; width:20px; height:20px; text-align:center; background:#FFF; border:2px solid #CCC; border-radius:50%; cursor:pointer; z-index:1001;}	

ul.toggle > li.closed:before {content:'+';} 
ul.toggle > li.open:before {content:'-';} 

.twitter-timeline {width:100%!important; min-width:155px!important;} 
span.p-nickname {display:none!important;}  

body > container {display:block; position:relative; max-width:1600px; min-width:640px; min-height:600px; margin:0 auto; background:#FFF; padding-bottom:15px; overflow:hidden;}	
body > container container {display:table; width:100%;} 
body > container container > column {display:table-cell; vertical-align:top;}

/* HEADER */
header {position:relative; height:230px; background:url('/_assets/img/main_hdr.jpg') no-repeat center 0px; background-size:100% 350px; background-color:#244C80; color:#FFF; border-top:1px solid #77A3BF; box-shadow:4px 4px 3px #CCC;}

header logo {position:absolute; top:15px; left:15px; width:400px;}
header logo img {float:left;}
header logo h1 {display:inline-block; position:absolute; bottom:1px; width:279px; height:110px; margin-left:12px; font-size:62px; line-height:30px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal; background:url('/_assets/img/logo/logo_text.png') no-repeat; text-indent:-9000px;}
header logo h1 span {clear:left; font-size:18px; color:#FFF; text-transform:uppercase; font-family:'myriad_pro_regular','helvetica','arial'; letter-spacing:6px;} 

/*
header logo h1:after {content:''; width:155px; height:170px; background:url('/_assets/img/logo/25_years.svg') no-repeat center center; top:-50px; left:280px; position:absolute;}
*/

search {display:block; position:absolute; top:15px; right:15px; width:360px; height:40px;}
search fieldset {display:table;}
search fieldset > * {display:table-cell;}
search fieldset label {display:table-row; display:none;}
search fieldset input {padding:3px 5px; font-size:16px; background-color:#F4F4F4; border:1px solid #999; border-radius:2px;}	
search input[type='text'] {width:300px; height:30px; margin-right:3px;}	
search input[type='submit'] {cursor:pointer; width:40px; height:38px; line-height:12px; text-align:center; font-size:30px; color:#999;     background:url('/_assets/img/icon/icon_search.svg') no-repeat center center; background-size:contain; text-indent:-9999px;} 
search input:focus {opacity:1;}
search input[type='submit']:hover {background-color:#F4F4F4;}

header social {position:absolute; top:115px; right:5px;}
header social ul li {list-style-type:none;}
header social img {width:20px; margin:5px;}

header #topnav {font-size:12px; margin:0px; position:absolute; bottom:0px; right:0px; white-space:nowrap;}
header #topnav > ul > li {display:inline; float:left; height:26px; line-height:26px; background:#002A92; margin-right:1px;}
header #topnav > ul > li:first-child {padding:0 5px; background:none; border-bottom:4px solid #002A92; border-bottom:none;}
header #topnav > ul > li > a {text-decoration:none; text-align:center; display:block; width:90px; height:26px; color:#FFF;}
header #topnav > ul > li a#author {background:#693227;}
header #topnav > ul > li a#title {background:#77A3Bf;}
header #topnav > ul > li a#subject {background:#CB8732;}
header #topnav > ul > li a#area {background:#8C293C;}
header #topnav > ul > li a#series {background:#A3AC17;}

header #topnav ul li ul {display:none; float:right; position:absolute; background:#CCC; border-top:1px dotted #666; box-shadow: 3px 3px 2px #666; z-index:5000;}
header #topnav ul li:last-child ul {right:1px;}
header #topnav ul li ul li {display:table-row;}
header #topnav ul li ul li a {display:table-cell; text-align:left; text-decoration:none; min-width:100px; padding:0 3px; background:#CCC; color:#333; border:1px dotted #666; border-width:0 1px 1px 1px; white-space:nowrap;}

header #topnav ul > li a:hover {background:#EEE;}
header #topnav ul > li:hover > ul {display:table;}

header #topnav ul li ul li ul {left:100px; margin-top:-20px; background:#EEE;}
header #topnav ul li ul li ul li a {display:block; background:#EEE;}
header #topnav ul li ul li ul li a:hover {background:#F4F4F4;}
/* HEADER */

nav#topbar {margin:10px 20px;}
nav#topbar > ul {display:table; margin:0 auto; width:100%;}	
nav#topbar > ul > li {display:table-cell; width:16%; position:relative; padding:2px 15px; /*font-family:'myriad_pro_lightregular','helvetica','arial';*/ font-weight:normal; font-size:15px; background:#FFF; color:#002A92; color:#666;}	  
nav#topbar > ul > li ul + a:after {content:'>'; margin-left:10px;}
nav#topbar > ul > li a {color:#002A92; color:#666; text-decoration:none;}	
nav#topbar > ul > li a.on {font-weight:bold;} 
nav#topbar > ul ul {display:none; position:absolute; background:#FFF; padding:5px 10px; z-index:9999; box-shadow:2px 2px 3px #CCC; z-index:99999;} 	   
nav#topbar > ul ul li {text-align:left; white-space:nowrap; list-style-type:none; line-height:24px;}
nav#topbar > ul ul li a {padding:3px 0;}
nav#topbar > ul > li:hover ul {display:block;}	
nav#topbar > ul ul li:before {content:'»'; margin-right:8px;}
		   
#quick_links {box-shadow:2px 2px 3px #CCC;}
#quick_links > ul {display:table; position:relative; width:100%; height:100px; margin:10px 0 20px 0; padding:0; border:1px solid #77A3BF; border-width:1px 0 1px 0;}	
#quick_links > ul > li {display:table-cell; width:14.2%; opacity:.75;} 
#quick_links > ul > li > a {display:block; height:100px; text-decoration:none; color:#FFF; text-shadow:2px 2px 1px #000; font-weight:bold; font-size:16px; text-align:right; padding-right:5px; overflow:hidden; border-right:1px solid #77A3BF; text-transform:uppercase;}  
#quick_links > ul > li > ul {display:none; text-align:center; width:100%; min-height:50px; position:absolute; top:101px; left:0; z-index:999; background:#333; padding:10px 0; border:1px solid #CCC; border-width:1px 0;}   
#quick_links > ul > li:hover {z-index:9999; opacity:.9;}
#quick_links > ul > li:hover > ul {display:/*block*/none;}
#quick_links > ul > li:hover > ul > li {display:inline-block; padding:5px 10px; font-size:18px;}	 
#quick_links > ul > li:hover > ul > li > a {text-decoration:none; color:#FFF;} 
#quick_links > ul > li:hover > ul > li > a:hover {border-bottom:2px dotted;}
#quick_links > ul > li > ul > li:nth-child(odd) a {color:#fdd9d9; color:#C64140;}  
.subject_landing #quick_links li {opacity:.6; /*filter:grayscale(100%);*/}
.subject_landing.advances #quick_links li.adva,
.subject_landing.anthropology #quick_links li.anth,	
.subject_landing.archaeology #quick_links li.arch,
.subject_landing.cultural-studies #quick_links li.cult,		 
.subject_landing.educational-studies #quick_links li.educ,
.subject_landing.environmental-studies #quick_links li.envi,
.subject_landing.european-studies #quick_links li.euro,
.subject_landing.film #quick_links li.film,	
.subject_landing.refugee-migration #quick_links li.refu,
.subject_landing.history #quick_links li.hist,
.subject_landing.mobility-studies #quick_links li.mobi,
.subject_landing.politics #quick_links li.poli {opacity:1!important; filter:none;}
#quick_links li:hover {opacity:.9;}
  
#quick_links > ul > li.adva > a {background:#666 url('../img/subject_landing/btn_adva.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.anth > a {background:#666 url('../img/subject_landing/btn_anth.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.arch > a {background:#666 url('../img/subject_landing/btn_arch.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.cult > a {background:#333 url('../img/subject_landing/btn_cult.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.educ > a {background:#666 url('../img/subject_landing/btn_educ.jpg') no-repeat; background-size:100% 100%;}	
#quick_links > ul > li.envi > a {background:#666 url('../img/subject_landing/btn_envi.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.euro > a {background:#666 url('../img/subject_landing/btn_euro.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.film > a {background:#333 url('../img/subject_landing/btn_film.jpg') no-repeat; background-size:100% 100%;}	
#quick_links > ul > li.refu > a {background:#333 url('../img/subject_landing/btn_refu.jpg') no-repeat; background-size:100% 100%;} 
#quick_links > ul > li.hist > a {background:#666 url('../img/subject_landing/btn_hist.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.mobi > a {background:#333 url('../img/subject_landing/btn_mobi.jpg') no-repeat; background-size:100% 100%;} 

body.home #quick_links, body.blogs #quick_links {display:none;}

nav#about {padding:0 15px; margin:-20px -20px 20px -20px; background:#F4F4F4; text-align:center; font-family:"myriad_pro_lightregular"; border-bottom:1px solid #77A3BF;}
nav#about ul {margin: 0 auto;}
nav#about ul li > * {display:block; padding:10px; font-size:16px; border-width:0;}
body.our-history nav li.our-history a,
body.notable-publications nav li.notable-publications a,
body.awards nav li.awards a,
body.mission-statement nav li.mission-statement a,
body.contact nav li.contact a,
body.who-is-who nav li.who-is-who a,
body.privacy-policy nav li.privacy-policy a {text-decoration:none; color:#000; display:none!important;}


/* MAIN */ 				
h1,h2,h3,h4 {font-family:"myriad_pro_lightregular","AkzidenzGroteskBQRegular",helvetica,arial; font-weight:normal;}	 
h1 {font-size:36px; line-height:40px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:20px; line-height:24px;} 
h4 {font-size:16px; line-height:20px;} 
h5 {font-size:14px; line-height:20px;} 	
main > h1:first-of-type {margin:0 15px 10px 0; color:#002A92; font-size:48px; line-height:60px;} 
main > h2 {margin-bottom:10px;}	
body:not(.home) main > p, body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section > p, body:not(.home) section ul, body:not(.home) section ol {margin:10px 0 15px 0; line-height:20px;}
body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section ul, body:not(.home) section ol {margin-left:30px;}

main {display:block; position:relative; width:100%;}
layout {display:table; position:relative; width:100%;}
main a {color:#4F81BD;}
main a:hover {color:#4F81BD; text-decoration:underline;}  
main layout > column {display:table-cell; vertical-align:top; padding:1px; width:33%;}
main layout > column:nth-child(1) {width:400px; min-width:300px; max-width:600px;}	
main layout > column:nth-child(2) {width:600px; min-width:400px; max-width:600px;}
main layout > column:nth-child(3) {width:300px; min-width:260px; max-width:300px;}	
main layout > column:not(:nth-child(3)) section {padding-right:10px;}
main layout > column:nth-child(4) {display:block; width:100%; position:relative; left:0; bottom:0;}  
main layout > column h1 a, main layout column h2 a, main layout column h3 a, main layout column h4 a {text-decoration:none;}

main column section h1, body.catalogs section > h2:first-of-type {clear:left; background:#4F81BD none repeat scroll 0% 0%; color:#FFF; margin:1px 0 8px 0; padding:0px 5px; font-weight:normal; font-size:22px; line-height:36px!important; top:0px; border-radius:1px; text-align: left;} 
main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  
main column section h1 a:after {content:'» more'; float:right; font-size:16px; margin-right:10px; color:#FFF;}  
main column section h2 {font-size:20px; padding-left:5px;}	
main column h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}
main column section {position:relative; overflow:hidden;} 
main column section iframe {margin-bottom:10px;}
main column section :not(h1) a {color:#000;} 
main column section :not(h1) a:hover {color:#000; text-decoration:underline;}

main column:nth-child(1) section p {margin-left:5px; font-size:13px; line-height:23px; padding-right:5px}
main column:nth-child(2) section a, main column section#new_titles item > a, main column section#nip item > a, main column section#series item > a {text-decoration:none!important; color:#000;}  
main column:nth-child(2) section a h3 {font-size:24px; line-height:28px;}
main column:nth-child(2) section a h4 {font-size:20px; margin-top:5px;}
main column:nth-child(2) section h5 {margin-top:10px;}	 

main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  

main column section item {overflow:hidden; clear:left;}
				
main column section#new_titles img.cover, main column section#nip img.cover, main column section#series img.cover, main column section#multimedia img.cover {float:left; width:140px; margin:0 8px 5px 0; border:1px solid #666;} 								 
main column section#nip h1 {background-color:#77A3BF;}
main column section#series h1 {background-color:#A3AC17;}
main column section#journals h1 {background-color:#8C293C;}	 	  
main column section#journals p {font-size:.9em;}
main column section#journals p img:first-of-type {width:160px!important; max-width:160px; height:auto!important;}  
						  
main column section#blog h1 {background:#3F86FF;}
main column section#blog item {display:block; margin:10px 5px 10px 0; border-bottom:1px dotted #666;}
main column section#blog item:last-child {border:none;}
main column section#blog item h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}
main column section#blog item a {text-decoration:none; color:#000;}	 
main column section#blog item img:first-of-type {width:60px; height:auto; float:left;margin:3px 8px 0 0; overflow:hidden;} 
body.home main column section#tumblr item {display:block; margin:10px 5px 10px 0; border-bottom:1px dotted #666;}
body.home main column section#tumblr item:last-child {border:none;}

body.home main column section#ebooks item {display:block; border:0px solid #4F81BD; margin-bottom:10px;}
/*body.home main column section#ebooks item h1 {margin-top:0;}*/
body.home main column section#ebooks item p {padding:0 8px;}
body.home main column section#ebooks item p:first-of-type {margin-bottom:5px;}
body.home main column section#ebooks item span {display:block; margin:0 auto; text-align:center;}
body.home main column section#ebooks item span a {padding:2px 10px; margin:5px 0; display:inline-block; background:#4F81BD; color:#FFF;; border-radius:1px; font-size:13px;}
body.home main column section#ebooks item span a:before {content:'▶'; margin-right:4px; color:#FFF;}
body.home main column section#ebooks item ul {display:table; width:calc(100% - 2px); margin:0 auto 1px;}
body.home main column section#ebooks item ul li {display:table-cell; width:20%; padding:0 1px 0 0;}
body.home main column section#ebooks item ul li:last-child {padding-right:0;}
body.home main column section#ebooks item ul li img {width:100%; max-width:auto; max-height:190px;}

body.home main column section#multimedia iframe {width:100%;}
body.home main column section#multimedia item {display:block;}

body.blogs main layout > column:nth-child(1) {width:30%; max-width:400px;}  
body.blogs main layout > column:nth-child(2) {width:45%; max-width:600px;} 
body.blogs main layout > column:nth-child(3) {width:25%; max-width:300px;}
body.blogs main layout > column section#blog item {padding-bottom:10px; clear:none;}
body.blogs main layout > column section#blog item img:first-of-type {width:160px;} 
body.blogs main layout > column section#tumblr item img.tumblr_image {height:auto; max-height:auto; clip:rect(0px,400px,450px,0px); /*position:absolute;*/}

main column section#conf h1 {background-color:#000066;}		
main column section#conf li {display:block; padding:10px 0; border-bottom:1px dotted #666; font-size:.9em;}
main column section#conf li:last-child {border:none;}
main column section#conf li strong, main column section#conf li b {display:block; font-size:1em;}
main column section#conf li strong b, main column section#conf li b strong {display:inline;}  
main column section#conf li {display:none;}
main column section#conf li:nth-child(-n+4) {display:block;} 
main column section#conf ul .handle {display:block; width:65px; margin:0 auto 10px auto; text-align:center; cursor:pointer; font-weight:bold;}

main column section#cats {margin-bottom:15px; padding-right:0;}
main column section#cats h1 {background-color:#333;} 
main column section#cats cats {display:table; width:100%;} 
main column section#cats cats > * {display:table-cell; padding:0 1px 1px 1px; vertical-align:top; border:0;}
main column section#cats img.thumb {width:100%; max-width:100%; max-height:290px;} 	

main column section#twitter h1 {background:#55acee;}	
																
main column section#focaalblog h1 {background-color:#0058A8; margin-top:10px;}
main column section#envirosociety h1 {background-color:#008E6B; margin-top:1px;}		 
main column section#museumworlds h1 {background-color:#8D2558; margin-top:10px;}
main column section#recollectus h1 {background-color:#1b7e86; margin-top:10px;}
main column section#ajecblog h1 {color:#000; background-color:#EEE; margin-top:10px;}
main column section#ajecblog h1 a, main column section#ajecblog h1 a:after {color:#000!important;}

body.blogs main column section#envirosociety h3, body.blogs main column section#focaalblog h3, body.blogs main column section#museumworlds h3 body.blogs main column section#recollectus h3, body.blogs main column section#ajecblog h3 {font-weight:900; font-size:32px; line-height:36px; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}  
body.blogs main column section#tumblr h3 {display:block; position:relative; top:0; padding:0 0 10px 0; opacity:1; font-size:24px; line-height:28px; font-weight:900;}
  
main column section#focaalblog img:first-of-type,
main column section#envirosociety img:first-of-type,
main column section#museumworlds img:first-of-type,
main column section#recollectus img:first-of-type,
main column section#ajecblog img:first-of-type,
main column section#tumblr img {width:calc(100% - 0px); max-width:auto; max-height:450px;}
main column section#focaalblog h3, main column section#envirosociety h3, main column section#museumworlds h3 {padding:10px;}	
main column section#focaalblog img + h3, main column section#envirosociety img + h3, main column section#museumworlds img + h3, main column section#ajecblog img + h3 {position:absolute; top:55px; left:0; overflow:hidden; opacity:.7; background:#FFF; padding:10px;}	
main column section#envirosociety h3 {top:46px;}
main column section#focaalblog description p,
main column section#envirosociety description p, main column section#museumworlds description p, main column section#ajecblog description p	{padding:0 5px;}
 
main column section a.float_right {margin:4px;}
main column p,main column ol, main column > blockquote {margin:5px 0 15px 0; font-size:15px; line-height:22px;}   
main column address {margin:0 10px 15px; font-style:normal; line-height:20px;} 
main column ol {list-style-position:inside;} 

main column section jnls_blogs {display:table; width:100%;}	   
main column section#journals_blogs h1 {background-color:#8C293C;}	
main column section jnls_blogs > * {display:table-cell; width:25%; padding:20px; vertical-align:middle; text-align:center;}
  
body:not(.home):not(.blogs):not(.subject_landing):not(.multimedia) main {display:table; width:calc(100% - 30px); padding:0 15px;}	
body.subject_landing main > h1:first-of-type {margin-left:10px;}
body.subject_landing main .sub_category {display:table; margin-left:10px;}
body.subject_landing main .sub_category > * {display:table-cell;}
body.subject_landing main .sub_category > * > * {display:block; padding:2px 6px; text-decoration:none; color:#000; background:#DEDEDE; margin:0 5px; border-radius:2px;}
body.subject_landing main {display:block; width:100%;} 
body.subject_landing container container {display:block;}
body.subject_landing container > column {display:block; width:100%; height:450px; height:280px; overflow:hidden; overflow-x:auto;}	
body.subject_landing container > column section#new_titles h1 {padding-left:10px;}
body.subject_landing container > column section#new_titles container {display:block; position:relative; overflow:auto; padding-left:10px;} 
body.subject_landing container > column section#new_titles container img.cover {height:auto; min-height:225px; max-height:225px;}

main arrow_left, main arrow_right {content:''; display:inline-block; position:absolute; top:45px; width:0; 
height:0; background:#FFF; color:#4F81BD; opacity:.7; cursor:pointer; z-index:9999;}
main arrow_left {left:0px; border-top:127px solid transparent; border-bottom:127px solid transparent; border-right:20px solid #3F86FF;}
main arrow_right {right:0; border-top:127px solid transparent; border-bottom:127px solid transparent; border-left:20px solid #3F86FF;}
main #gallery arrow_left {top:240px; border-top:60px solid transparent; border-bottom:60px solid transparent; border-right:50px solid #3F86FF;}
main #gallery arrow_right {top:240px; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:50px solid #3F86FF;}
main .gallery_header ~ container column img.cover {margin-top:30px;}

/* 
body.subject_landing container > column section#new_titles arrow_left:hover ~ container {display:table; animation:scroll_left 30s linear infinite;}
body.subject_landing container > column section#new_titles arrow_right:hover ~ container {display:table; animation:scroll_right 30s linear infinite;}
*/
body.subject_landing container > column section#new_titles container item {display:table-cell; position:relative; min-width:150px; height:405px; vertical-align:top;}
body.subject_landing container > column section#new_titles container item a {text-decoration:none; display:block;}	
body.subject_landing container > column section#new_titles container item h3 {letter-spacing:-1px; padding-right:5px; font-size:18px; clear:left;}	
body.subject_landing container > column section#new_titles container item h6 {position:absolute; top:0; left:0; padding:2px 3px; background:#000066; color:#FFF; font-size:10px; opacity:.7;}   	
body.subject_landing layout column section#journals item {display:block; overflow:hidden;}
body.subject_landing layout column section#journals item a:first-child {text-decoration:none;}
body.subject_landing layout column section#journals item img.cover {float:left; margin:0 8px 2px 0; width:150px; border:1px solid #CCC;}
body.subject_landing layout column:nth-child(1) {width:300px;}
body.subject_landing layout column:nth-child(2) {}		 
body.subject_landing layout column:nth-child(3) {}	
body.subject_landing main columns {display:table; width:100%;}   
body.subject_landing main columns column {display:table-cell; width:50%;}
body.subject_landing main columns column:first-child {padding-right:15px;} 
body.subject_landing main columns column ul {margin-left:10px;}
body.subject_landing main columns column ul li {list-style-type:none;}
body.subject_landing main columns column ul li h2 {line-height:22px;}
body.subject_landing main columns column ul li h3 {font-size:12px; line-height:14px; font-weight:normal; text-transform:none;}
body.subject_landing main columns column ul li h4 {margin-top:5px;}
body.subject_landing main columns column ul li h4 + span {display:none;}
							  
body.catalogs section > h2:first-of-type {margin-left:-15px; padding-left:15px;}
body.catalogs main section container {display:block; width:auto;}
body.catalogs main section container item {display:inline-block; position:relative; width:200px; vertical-align:top; padding:0 15px 15px 0;} 
body.catalogs main section container item a {text-decoration:none; color:#000;}
body.catalogs main section container item img.cover	{float:left; margin:0 8px 2px 0; width:198px; height:285px; border:1px solid #CCC;}
/*body.catalogs main section container item h3 {position:absolute; bottom:30px; background:#FFF; opacity:.7;}*/	 

body.agents-reps main div h3 {margin-top:10px;}
body.agents-reps main > div:nth-of-type(1) {width:48%; float:left; padding-left:10px;}
body.agents-reps main > div:nth-of-type(2) {width:48%; float:left;}
 
body.series main > p {max-width:900px;}
body.series main > p img {display:block; float:none!important; border:1px solid #CCC; padding:10px; margin-bottom:10px;}
body.series main ul {display:table; width:100%; width:auto;}
body.series main ul li {display:block; overflow:hidden; padding:20px 0;}
body.series main ul li a {text-decoration:none; color:#000;}
body.series main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.series main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body.series main columns {display:table; width:100%;}   
body.series main columns column {display:table-cell; width:50%;}
body.series main columns column:first-child {padding-right:15px;}

body.multimedia main > h1:first-of-type	{margin-left:10px;}
body.multimedia	column {padding:0 15px 0 0; width:33%;} 
body.multimedia	column:nth-of-type(1) > * {padding-left:5px;}
body.multimedia	column > h2 {margin-bottom:15px; background:#4F81BD none repeat scroll 0% 0%; color:#FFF; margin:1px 0 8px 0; padding:0px 5px; font-weight:normal; font-size:22px; line-height:36px!important; border-radius:1px;}
body.multimedia	column div.table {margin-bottom:15px;}
body.multimedia	column div.table a {display:block; clear:left; overflow:hidden; text-decoration:none; color:#000; margin-bottom:10px;}
body.multimedia	column div.table a div {position:relative;}	
body.multimedia	column#cambridge .table h2 {margin:-10px 0 10px 0;}

body[class*="new-"] main {display:block!important;}
body[class*="new-"] main ul {display:table; width:calc(100% - 30px);}
body[class*="new-"] main ul li {display:block; position:relative; overflow:hidden; padding:20px 0;}
body[class*="new-"] main ul li a {text-decoration:none; color:#000;} 
body[class*="new-"] main ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body[class*="new-"] main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body[class*="new-"] main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body[class*="new-"] main ul li p {margin-top:15px;}   
main h5.subjects, main h5.areas {margin-top:20px;}
main h5.areas {margin-bottom:20px;}
main h5.subjects a, main h5.areas a {color:#000; background:#EEE; padding:2px 3px; font-weight:normal; text-decoration:none;}
main h5.subjects_filter {line-height:25px;}
main h5.subjects_filter a.on {background:#FFFFCC;}
toc p {padding-bottom:10px!important; clear:left;}
toc ul {margin:0 0 20px 30px;}

body.open-access main {display:block!important;}
body.open-access main ul {display:table; width:calc(100% - 30px);}
body.open-access main ul li {display:block; overflow:hidden; padding:20px 0;}
body.open-access main ul li a {text-decoration:none; color:#000;} 
body.open-access main ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body.open-access main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.open-access main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body.open-access main ul li p {margin-top:15px;}

body.awards main {display:block!important;}
body.awards main > ul {display:table; width:calc(100% - 30px);}
body.awards main > ul li {display:block; overflow:hidden; padding:20px 0;}
body.awards main > ul li a {text-decoration:none; color:#000;} 
body.awards main > ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body.awards main > ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.awards main > ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body.awards main > ul li p {margin-top:15px;}
body.awards main > ul li award {display:block; font-size:16px; font-weight:bold; color:#990000; padding:10px; margin:0 0 15px 0; border:1px solid #CCC;}
body.awards main > ul li award p {margin-top:0;}

/*
toc p a[href$='.pdf']:before {content:''; display:inline-block; float:left; width:40px; height:40px; background:url('/_assets/img/icon/icon_pdf.png') no-repeat 0 5px;}
toc p a[href$='.pdf']:hover:before {filter:gray; filter:grayscale(1); -webkit-filter:grayscale(1);}
*/

toc p a[href$='.pdf'] {text-decoration:underline;}
toc p a[href$='.pdf'] > img[src$='.png'] {display:none;}
toc p :not(a) {}

body.title main container column:first-child {width:200px;}
body.title main container column:first-child h3 a {text-decoration:none;}
body.title main container column:nth-child(2) {padding-left:20px;}
body.title main container chapter {display:block; overflow:hidden; border:1px solid #CCC; padding:15px; width:calc(100% - 220px); max-width:900px;}
body.title main container chapter h3 author {display:block; margin:10px 0 20px 0;}
main column book_title h1 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;} 
main column book_title h3 {text-transform:none; font-size:18px; font-weight:300; font-style:normal; margin:10px 0;}	
main column book_title h3 em {font-size:14px; font-weight:300; font-style:italic;}

main column subject_codes {display:none; border-bottom:1px solid #CCC;}
main column label.subject_codes {display:block; clear:left; margin-top:15px;}
main column label.subject_codes > span:first-of-type {font-size:14px; font-weight:bold; cursor:pointer;}
main column label.subject_codes > span:first-of-type:after {content:'▶'; display:inline-block; width:15px; height:20px; margin-left:4px;}
main column label.subject_codes input[type='checkbox'] {display:none;}
main column label.subject_codes input[type='checkbox']:checked ~ subject_codes {display:block;}	
main column label.subject_codes input[type='checkbox']:checked ~ span:first-of-type:after {content:'▼';}

main column open_access {display:block; margin-top:20px;}
main h4.oa {margin:10px 0; padding-left:20px; background:url('/_assets/img/icon/icon_oa.svg') no-repeat top left; background-size:auto 20px; overflow:hidden; font-weight:normal!important;}
main h4.oa > a {font-weight:bold; text-decoration:none; color:#4F81BD!important;}
main h4.oa > a:hover {text-decoration:underline;}
main h4.oa span.small {margin-left:10px; line-height:inherit; color:#999; vertical-align:baseline;}
main h4.oa span.small * {vertical-align:baseline;}

related_journals {display:block; width:100%; margin-bottom:20px;}
related_journals a {display:block; padding:20px 10px; text-align:center; color:#FFF!important; background:#C64140; text-decoration:none; font-size:16px; border-radius:2px; border:0px solid #C64140;}
.related_jnl_thumb {display:inline-block; width:90px; max-width:90px; height:120px; max-height:120px; float:left; vertical-align:middle; margin:1px 1px 0 0;}

related_titles {display:flex; flex-direction:row; align-items:flex-start; align-content:flex-start; width:100%; flex-wrap:wrap; margin-bottom:20px;}
related_titles item {flex-basis:auto; width:210px; padding-right:10px; margin-bottom:20px;}
related_titles item img {width:200px; margin-bottom:10px;}
related_titles item a {display:block; text-decoration:none;}

main column form[name="ccoptin"] {display:inline-block; clear:left; margin:100px 0 10px -15px; border:2px solid #EEE; border-width:2px 2px 2px 10px; padding:10px;}
main column form[name="ccoptin"] h3 {text-transform:none; font-size:16px; margin-bottom:5px; font-weight:bold;} 
main column form[name="ccoptin"] input {height:30px; border:1px solid #CCC; margin-bottom:5px;}
main column form[name="ccoptin"] input[type="email"] {width:130px; height:28px; padding:0 2px;}
main column form[name="ccoptin"] input[type="submit"] {width:40px; cursor:pointer; margin-left:2px;}
main column book_info, main column author_info, main column open_access, main column special_note {display:inline-block; overflow:hidden; padding:10px; border:1px solid #CCC;}
main column book_info p {margin:0; font-size:14px;}
main column author_info {margin-bottom:10px; background:#F9F9F0;}
main column author_info p:last-child, main column special_note p:last-child {margin-bottom:5px;}
main column special_note > * {text-transform:none;}
main column special_note {margin-bottom:20px; border-left:10px dotted #ccc; border-right:10px dotted #ccc; border-radius:50%;}
main column open_access {display:block; border-left-width:10px; margin-left:-10px;} 
main column open_access a {white-space:nowrap;}
main column order_info {vertical-align:middle;}
main column cart_button {display:inline-block; max-width:300px;	margin:10px 30px 10px 0; vertical-align:middle;}
main column cart_button input, main column cart_button a#view_cart {display:inline-block; border:1px solid #4F81BD; padding:2px 3px; cursor:pointer; text-decoration:none; line-height:22px;}  
main column cart_button a#view_cart {line-height:25px;}	  
div.regionSelect {margin:10% auto; color:#FFF;}	
div.regionSelect h3 {margin:50px 0;} 
div.regionSelect button {padding:10px 20px; font-size:18px;}
div.regionSelect a {color:#FFF;} 

body.new-sale main cart_button {display:inline-block; margin-top:10px;}
body.new-sale main cart_button .cart_button {padding:3px 5px; margin-top:3px; font-size:16px; background-color:#FFFFCC; border:1px solid #CCC; border-radius:2px; cursor:pointer;}
/*
body.new-sale main cart_button .cart_button {display:none!important;}
*/
body.new-sale main cart_button {font-size:17px;}
/*
body.new-sale main li.hb h5 span, body.new-sale main li.pb h5 span {display:none;}
*/
body.new-sale main div#filter {display:table; margin:20px 0 10px 0;}
body.new-sale main div#filter > * {display:table-cell; vertical-align:middle;}
body.new-sale main div#filter a {display:inline-block; padding:2px 8px;}
body.new-sale main div#filter a:not(:first-of-type) {border-left:1px solid #000;}
body.new-sale main div#filter a.on {text-decoration:none; background:#FFFFCC; color:#000;}
body.new-sale main div#filter a#all {display:none;}

main column comp_info {margin:0 0 10px 0; display:table; position:relative; height:36px; line-height:24px; white-space:nowrap;} 
main column comp_info > a {text-decoration:none; font-weight:bold; display:table-cell; vertical-align:top;}	
main column comp_info > a:before {display:inline-block; vertical-align:middle; content:''; width:32px; height:32px; border-radius:0px; margin-right:5px; background:url('/_assets/img/icon/icon_eb20.png') no-repeat center left;}	 
main column comp_info ul {display:none; position:absolute; top:0; left:0; border:1px solid #CCC; background:#FFF; padding:10px; min-width:415px;}
main column comp_info ul li {margin:5px 0 5px 15px; list-style-type:circle;} 
main column comp_info > a:hover + ul {display:table;} 
main column comp_info:hover ul {display:table;}   

main column a.lib_rec {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
a.lib_rec::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_library.png") no-repeat scroll left center;} 

main a.ebooks_icon {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
main a.ebooks_icon::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center;} 

main .sub_category a.ebooks_icon {padding-left:0; background-color:#808080; color:#FFF; width:80px;}
main .sub_category a.ebooks_icon::before {margin-right:0;}

body[class*="new-"] main ul li span.ebooks_icon {display:inline-block; position:absolute; top:11px; left:0; content:""; width:auto; height:auto; padding:0 6px; border-radius:0 12px 12px 0; margin-right:5px; background:transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center; background:#FFFFCC; background-size:100% 100%; opacity:.8; box-shadow:2px 2px 3px #666;}

main column a.gobi_icon {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
main column a.gobi_icon::before {display:inline-block; content:""; width:32px; height:32px; border-radius:0px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_gobi.png") no-repeat scroll left center;} 
main column a.gobi_icon span sup {vertical-align:super;}

main column google_preview {display:inline-block; margin:-10px 0 10px -8px;}
main column .addthis_inline_share_toolbox {margin:10px 0;}

main column section#signup p:first-of-type:before {content:''; width:32px; height:32px; display:inline-block; float:left; background:url('/_assets/img/icon/icon_email.png') no-repeat center center; margin:6px 8px 0 0;}
main column section#signup p:nth-of-type(2) a {border:1px solid #3F86FF; display:block; padding:3px 6px; margin:-5px auto 0; text-align:center; text-decoration:none;}
main column section#signup p:nth-of-type(2) a:hover {background:#3F86FF; color:#FFF;}
/*
main column section#signup p:nth-of-type(2):after {content:''; width:160px; height:24px; display:inline-block; float:right; background:url('/_assets/img/logo_constant_contact.png') no-repeat center center; margin:5px 3px 8px 0;}
*/

body main #form_selects {position:absolute; top:0px; right:20px;} 
body main #form_selects > * {display:table-cell; vertical-align:top; padding-left:20px;}
body main #form_selects form select.sm {font-size:16px; height:22px;}
body main #form_selects form select.sm option {font-size:14px; padding:3px;}	

body main nav > ul {display:table!important;}
body main nav > ul > li {display:table-cell!important; text-align:center;} 
body main nav > ul > li.on a {background:#EEE;}
body main nav > ul > li > a {padding:10px; font-size:16px; border-bottom:2px dotted #CCC;}

main .sidebox {display:inline-block; float:right; min-width:300px; max-width:370px; padding:20px; background-color:#F9F9F9; border-radius:5px; margin-left:30px;}
main .sidebox h1:first-of-type {margin-bottom:20px;}
main .sidebox h3 a {text-decoration:none; color:#000;}
main .sidebox p {margin:10px 0 20px;}
body.open-access main .sidebox img.cover {width:60px; height:auto; float:right; margin-left:10px; margin-bottom:20px; clear:both;}
body.open-access main .sidebox ul {display:table; width:auto; border-left:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:20px;}
body.open-access main .sidebox ul li {display:inline-block; padding:2px 0 2px 10px; margin:10px 0;}
body.open-access main .sidebox ul li a {text-decoration:underline; color:#8C293C;}
/* MAIN */
 
/* FOOTER */

footer {display:block; clear:both; margin:10px auto 10px; color:#999; font-size:11px; text-align:center;}
footer > ul {display:table; margin:0 auto;}
footer > ul > li {display:table-cell; vertical-align:middle;}
footer > ul > li:last-child {line-height:24px; padding-left:10px;}
footer #feedback {content:''; display:inline-block; width:21px; height:20px; background:url('../img/icon/icon_feedback.png') no-repeat; text-indent:-9999px; margin:0px 5px;} 

footer social {display:inline-block; margin-left:15px;}
footer social > ul:first-child {display:table; position:relative; width:180px; height:40px;} 
footer social > ul:first-child > li {display:table-cell; width:45px; opacity:.6; position:relative;} 
footer social > ul:first-child > li:last-child {margin-right:0;}
footer social > ul:first-child > li > a {display:block; text-indent:-9999px; width:45px; height:40px; }
footer social > ul li {list-style-type:none; opacity:.7}
footer social > ul:first-child > li:nth-child(1) a {background:url('../img/icon/icon_email.png') no-repeat 0px 1px; background-size:40px 39px; border-radius:5px; width:40px; margin-right:7px;}
footer social > ul:first-child > li:nth-child(2) {background:url('../img/social/icons_social.png') no-repeat;}
footer social > ul:first-child > li:nth-child(3) {background:url('../img/social/icons_social.png') no-repeat -45px 0;}
footer social > ul:first-child > li:nth-child(4) {background:url('../img/social/icons_social.png') no-repeat -90px 0;}
footer social > ul:first-child > li:nth-child(5) {background:url('../img/social/icons_social.png') no-repeat -135px 0;}
footer social ul li:hover {opacity:1;}  
footer social > ul > li > ul {display:none; position:absolute; width:200px; top:-105px; left:0px; z-index:999; font-size:18px; padding:10px; background:#FFF; border-radius:10px; box-shadow:3px 3px 2px #CCC; border:1px solid #CCC;} 
footer social > ul > li:nth-child(3):hover ul {display:block;}
footer social > ul > li > ul:after {position:absolute; left:10px; bottom:-10px; content:''; background-color:#FFF; width:15px; height:15px; border-radius:0 50%; box-shadow:3px 3px 2px #CCC;}
footer social > ul > li > ul > li > a {color:#666; text-decoration:none;}

/* FOOTER */	

/* FORMS */
form.checkSubmit fieldset {margin:10px 0; padding:10px; border:1px solid #CCC; display:inline-block; vertical-align:middle;}	
form.checkSubmit fieldset label {display:inline-block; min-width:120px; font-size:15px;}   
form.checkSubmit fieldset input[type='text'],form.checkSubmit fieldset input[type='email'] {height:26px; font-size:15px; padding:3px; border:0; border-bottom:2px dashed #CCC;} 
form.checkSubmit fieldset select {border:0px solid black;}
form.checkSubmit fieldset select option {border:0; font-size:15px; padding:3px;} 		
form.checkSubmit input {vertical-align:middle;}	   
form.checkSubmit fieldset textarea {min-width:200px;}
form.checkSubmit input[type='submit'],form.checkSubmit input[type='button'] {clear:left; padding:10px; font-size:15px; font-weight:bold; overflow:hidden; cursor:pointer;} 	
form.checkSubmit input[type=checkbox] {margin-right:5px;}  
form.checkSubmit fieldset.noborder {border-color:#FFF;}	
form.checkSubmit fieldset.noborder span {display:table;}
form.checkSubmit fieldset.noborder span > * {display:table-cell; vertical-align:middle; margin-right:6px;}	
form.checkSubmit fieldset.hp {display:none;}

form#email_signup fieldset {display:block; border:0; margin-top:5px; padding:0 10px 10px 10px;}
form#email_signup label {font-size:15px;}
form#email_signup label {margin-top:10px; line-height:22px;}

form#email_signup userinfo {display:block;}
form#email_signup userinfo fieldset {display:inline-block;}
form#email_signup fieldset.hp {display:none;}
form#email_signup userpreferences {display:block; margin-bottom:30px;}
form#email_signup userpreferences h2 {color:#002A92; font-size:30px; margin:10px 0;}
form#email_signup userpreferences fieldset label:not(:first-child) {display:inline-block; margin-left:20px;}
form#email_signup userpreferences fieldset:nth-child(even) {background-color:#F4F4F4; background:linear-gradient(to right, rgba(235,235,255,1), rgba(255,0,0,0));}
form#email_signup userpreferences fieldset:not(:last-child) label {font-weight:bold;}
form#email_signup userpreferences fieldset:not(:last-child) label:not(:first-child) {font-weight:normal;}
form#email_signup userpreferences fieldset:last-child label {margin-left:20px;}

form#email_signup input[type=submit] {display:block; clear:left; margin:0 auto;}
form#email_signup button.g-recaptcha {display:block; clear:left; padding:10px 20px;}
form#email_signup hr {display:block; clear:both; border-top:1px solid #EEE; margin:20px 0;}

form#email_signup div.g-recaptcha > div {margin:20px auto;}

body.subject_landing form#email_signup {}
/* FORMS */	

body.search main .searchform input[type='text'] {font-size:14px; padding:2px 3px;}
body.search main .searchdetails {color:#666;}	 
 
body.search main form.checkSubmit {clear:both;} 
body.search main ol li > a {display:table; text-decoration:none; color:#000;}					  
body.search main > h2 {font-weight:normal;}
body.search main > h2 > b {color:#006600;}
body.search main > h2 > b:nth-child(2) {font-size:.9em;}
body.search main > h2 > b:nth-child(3) {font-size:.9em;}
body.search main ol li {margin:15px; font-size:1.1em;}
body.search main ol li img:first-child {float:left; margin:0 10px 5px 0; width:120px!important;}  
body.search main ol li a h3 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.search main ol li a h4 {font-size:20px}
body.search main ol li > h4 {margin:3px 0!important; font-family:trebuchet MS,helvetica,arial; font-weight:bold;}
body.search main ol li > h5 {color:#999;}
body.search main ol li > span {display:block; color:#CCC; margin-top:4px;}
 
button.load, button.play, button.pause {vertical-align:top; display:inline-block; position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; height:100px; text-align:center; border-radius:50%; border:10px solid #FFF; background:transparent; opacity:.3; cursor:pointer; text-indent:-9999px;}
button.load:hover, button.play:hover, button.pause:hover {opacity:.9;} 
button.load a {display:block; width:30px; height:30px; border:10px solid #FFF; border-right-color:transparent; border-bottom-color:transparent; border-radius:50%; margin:0 auto!important; animation: spin 1s linear infinite;}
button.play a {display:block; width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:40px solid #FFF; text-align:center; margin:0!important; margin-left:25px!important;}	 
button.pause a {display:block; width:10px; height:45px; border-left:10px solid #FFF; border-right:10px solid #FFF; margin:0 auto; animation:pause 1s infinite;} 		

/*
BLOG
*/		
body.wordpress div#content {padding:15px;}	
body.wordpress main hr {border-top:2px dotted #CCC; margin:20px 0;}
/*body.wordpress main .entry-content p img:first-of-type + a {font-size:18px; line-height:24px;}*/
body.wordpress main div.entry-content .alignleft {margin-top:0!important;}
body.wordpress article {display:block; clear:left; padding:20px 0;}	
body.wordpress article p, body.single article p {margin:10px 0 15px 0; line-height:22px;}	 
body.wordpress h1 a {text-decoration:none;}	   
body.wordpress.home article {border:2px dotted #CCC; border-width:0 0 2px 0;}
body.wordpress.home article p:last-child {display:block; clear:left;}	 
body.wordpress.home article p:last-child > span[class*="st_"] {display:inline-block; vertical-align:top;}  
body.wordpress.home article p:last-child > span.st_fblike_buttons {display:block; clear:left; margin:5px 0;}
body.wordpress #archives-2	{display:none;}	 
body.wordpress #secondary #categories {display:none;}
body.wordpress #rss_links li:last-child {display:none;}

/* Overlay */
#zoom {
    display:none;
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;		   
	padding:0;
    width:100%;
    z-index:1002; 
	/*background:url('/_assets/img/loadingAnimation.gif') no-repeat center center;*/
} 
#zoom #close {color:#FFF; background:#000; padding:10px; font-weight:bold; border:1px solid #FFF; position:absolute; top:10px;}

#zoom > iframe {display:block; position:relative; width:100%; height:100vh;}
#oa_viewer {display:table; width:100%;}
#oa_viewer.modal {display:block;}
#oa_viewer > iframe {display:table-cell; position:fixed; width:calc(100% - 400px); height:100vh; top:0;}
#oa_viewer.modal > iframe {width:100%;}
#oa_viewer > div {display:table-cell; position:relative; width:400px;}
#oa_viewer > div #modal_close {display:none;}
#oa_viewer.modal > div {display:block; position:absolute; width:100%; margin:auto; background-color:#EEE;}
#oa_viewer.modal > div #modal_close {display:inline; float:right; font-size:20px; margin:15px; padding:5px; border:1px solid #002A92; border-radius:5px;}

#overlay {   
	background:none repeat scroll 0 0 #007baf;
    display:none;
    height:130%;
    left:0;
    opacity:0.8;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:1000; 
}

@media screen and (min-width:1020px) { 
	body.title main section#signup {position:absolute; top:0px; right:20px; width:200px;}
	body.title main book_title > * {margin-right:240px;}
}

@media screen and (max-width:1024px) {
	header logo h1 {bottom:30px;}
	header logo h1:after {margin:-20px 0 0 0px; top:20px; width:120px; height:120px; background-size:contain;}
	
	body main layout {display:block;}
	body main layout > column {display:block; width:100%!important; min-width:100%; max-width:100%!important;}	  
	body.home main layout > column:nth-child(2) {display:table;} 
	body.home main layout > column:nth-child(2) section {display:table-cell;}	
	body.home main layout > column section#conf {width:160px;}
	body.home main layout > column section#conf li {display:block;}	
	body.home main layout > column section#conf ul .handle {display:none;}
	body.home main layout > column section#twitter {width:300px;}
	body.home main layout > column section#journals {width:330px;}	
	
	body main section jnls_blogs a {width:25%;}
	body main section jnls_blogs a img {width:100%;}

	body.subject_landing layout column:nth-child(3) {display:inline-block; float:right;}
	
	body.home main layout > column:nth-child(2) {display:block;} 
    body.home main layout > column:nth-child(2) section {display:block; width:100%!important;}
}

@media screen and (min-width:760px) and (max-width:1024px) { 	
	body.home main column section#new_titles item, main column section#nip item {display:inline-block; float:left; width:33%; clear:none; margin-right:2px;}
	body.home main column section#new_titles item h3, main column section#nip item h3 {font-size:16px;}
	body.home main column section#new_titles item h4, main column section#nip item h4 {font-size:14px; font-weight:bold; color:#666;}
	body.home main layout > column section:not(#series) img.cover {width:100px!important; height:auto;}
}
 

@media screen and (max-width:900px) { 
	header {margin-top:33px;}
	header #bookseller_logo {position:absolute; top:45px; right:25px; height:110px;}	
	body main #form_selects {position:static;}
	body main #form_selects + h1 {clear:both; display:none;} 
	main column open_access a {white-space:normal;}
	main .sidebox {display:block; width:100%; float:none; margin-left:0; max-width:calc(100% - 30px);}
}

@media screen and (min-width:640px) and (max-width:800px) {
	body.home main column section#signup, body.home main column section#conf {width:280px !important; float:left; clear:left;}
	body.home main column section#signup {height:165px;}
	body.home main column section#twitter {width:calc(100% - 300px) !important; float:right; margin-top:-165px;}
}
  
@media screen and (max-width:640px) { 	   
	body > container {min-width:100%;}	   
	header {background-size:200%;}
	header logo h1 {background-size:230px; margin-top: 40px;}
	header #bookseller_logo {right:-105px;}	
	header #topnav {bottom:-7px; width:100%;}			
	header #topnav > ul {display:table; width:100%;}
	header #topnav > ul > li {display:table-cell; float:none; width:20%;}
	header #topnav > ul > li > a {width:100%;}
	header #topnav > ul > li:first-child {display:none;}
	body.wordpress #wrapper {margin:0; width:99%;}	   
	body.wordpress #container {float:none; margin:0;}
	body.wordpress #content {display:block; float:none; margin:0; padding:0!important;}  
	body.wordpress .sidebar	{text-align:left; clear:both; width:100%;}	
	body.wordpress div.hfeed {margin:0;}
	body.title main container chapter {width:calc(100% - 30px);}
	body.agents-reps main > div:nth-of-type(1), body.agents-reps main > div:nth-of-type(2) {display:block; width:100%; float:none; padding-left:0;}
	body.agents-reps main > div:nth-of-type(2) {padding-top:15px;}
}

@media screen and (max-width:480px) {
	p * {overflow-wrap:break-word; word-wrap:break-word; word-break:break-word;}
	main .float_left, main .alignleft {display:block; float:none;}
	#announcement {font-size:16px;}
	header search {top:3px; right:0; width:100%;}
	header logo {top:55px;}
	header logo h1 {bottom:20px;}
	header logo > a > img {height:130px; width:auto;}
	nav#topbar {margin:10px 0;}
	nav#topbar ul li {font-size:13px;}
	#quick_links > ul {display:block; overflow:hidden; height:auto;}
	#quick_links > ul > li {display:inline-block; float:left; width:auto; width:calc(100% / 3); min-width:calc(100% / 4); max-width:calc(100% / 3); }
	#quick_links > ul > li:nth-child(n+4) {width:calc(100% / 4); border-top:1px solid #77A3BF;}
	#quick_links > ul > li > a {height:60px;}
	nav#about ul li:first-child {display:none!important;}
	nav#about ul li > * {font-size:14px;}
	main column section h1 {font-size:18px;}
	main column section#cats cats > * {display:inline-flex; width:24%;}
	main column section jnls_blogs > * {padding:2px;}
	main layout > column:nth-child(2) {min-width:100%;}
	body.title main {padding:0 10px;}
	body.title main > container > column {display:block; padding-left:0!important;}
	body[class*="new-"] main ul li h2 {clear:left;}
	body.title main column form[name="ccoptin"],related_journals {display:none;}
	body.title main section#signup {position:absolute; top:-15px; left:225px; width:135px;}
	body.title main section#signup h1 {display:none;}
	body.title main column google_preview {position:absolute; top:310px; left:270px;}
	body.title main column comp_info {white-space:normal;}
	body.title main container chapter {width:calc(100% - 30px);}
	body main #form_selects > * {padding-left:0;}
	body main #form_selects form select.sm {font-size:13px;}
	body main #form_selects form select.sm option {font-size:11px;}
	body main h2 {font-size:20px;}
	body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section ul, body:not(.home) section ol {margin-left:0;}
	body.subject_landing main .sub_category > * {display:inline-block; width:48%;}
	body.subject_landing layout column section#journals item img.cover {display:block; float:none; width:100%; margin:10px 0;}
	footer ul li {display:block; text-align:center;}
}