/**
* HTML5 ✰ Boilerplate
*
* style.css contains a reset, font normalization and some base styles.
*
* Credit is left where credit is due.
* Much inspiration was taken from these projects:
* - yui.yahooapis.com/2.8.1/build/base/base.css
* - camendesign.com/design/
* - praegnanz.de/weblog/htmlcssjs-kickstart
*/
/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, 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, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
.ajaxLoader {
background: transparent url('../../media/ajaxLoader.gif') no-repeat 50% 50%;
display:none;
}
/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/**
* Minimal base styles.
*/
/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol {
margin: 0;
padding: 0;
list-style-type: none;
}
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; white-space: pre-wrap; word-wrap: break-word;
padding: 15px;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #ff8000; color:#fff; text-shadow: none; }
::selection { background:#ff8000; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/**
* You might tweak these..
*/
body, select, input, textarea {
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
color: #666;
font-size: 14px;
/* Set your base font here, to apply evenly */
font-family: sans-serif;
}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #222;margin-bottom: 10px;}
h1 {
font-size: 20px;
margin: 10px 0;
}
h2 {
font-size: 12px;
text-transform: uppercase;
}
h3 {
font-size: 16px;
}
a, a:active, a:visited { color: #2c7da6; text-decoration: none; font-weight: bold;}
a:hover { color: #2c7da6; text-decoration: underline; }
/* grid.css */
.container {float: left;width:100%;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {float:left;margin-right:20px;}
.span-1 {width:27px;}
.span-2 {width:74px;}
.span-3 {width:121px;}
.span-4 {width:168px;}
.span-5 {width:215px;}
.span-6 {width:262px;}
.span-7 {width:309px;}
.span-8 {width:356px;}
.span-9 {width:403px;}
.span-10 {width:450px;}
.span-11 {width:497px;}
.span-12 {width:544px;}
.span-13 {width:591px;}
.span-15 {width:685px;}
.span-16 {width:732px;}
.span-17 {width:779px;}
.span-18 {width:826px;}
.span-19 {width:873px;}
.span-20, div.span-20 {width:920px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:27px!important;}
input.span-2, textarea.span-2, select.span-2 {width:44px!important;}
input.span-3, textarea.span-3, select.span-3 {width:91px!important;}
input.span-4, textarea.span-4, select.span-4 {width:138px!important;}
input.span-5, textarea.span-5, select.span-5 {width:185px!important;}
input.span-6, textarea.span-6, select.span-6 {width:232px!important;}
input.span-7, textarea.span-7, select.span-7 {width:279px!important;}
input.span-8, textarea.span-8, select.span-8 {width:326px!important;}
input.span-9, textarea.span-9, select.span-9 {width:373px!important;}
input.span-10, textarea.span-10, select.span-10 {width:420px!important;}
input.span-11, textarea.span-11, select.span-11 {width:467px!important;}
input.span-12, textarea.span-12, select.span-12 {width:514px!important;}
input.span-13, textarea.span-13, select.span-13 {width:561px!important;}
input.span-14, textarea.span-14, select.span-14 {width:608px!important;}
input.span-15, textarea.span-15, select.span-15 {width:655px!important;}
input.span-16, textarea.span-16, select.span-16 {width:702px!important;}
input.span-17, textarea.span-17, select.span-17 {width:749px!important;}
input.span-18, textarea.span-18, select.span-18 {width:796px!important;}
input.span-19, textarea.span-19, select.span-19 {width:843px!important;}
input.span-20, textarea.span-20, select.span-20 {width:910px!important;}
.append-1 {padding-right:47px;}
.append-2 {padding-right:94px;}
.append-3 {padding-right:141px;}
.append-4 {padding-right:188px;}
.append-5 {padding-right:235px;}
.append-6 {padding-right:282px;}
.append-7 {padding-right:329px;}
.append-8 {padding-right:376px;}
.append-9 {padding-right:423px;}
.append-10 {padding-right:470px;}
.append-11 {padding-right:517px;}
.append-12 {padding-right:564px;}
.append-13 {padding-right:611px;}
.append-14 {padding-right:658px;}
.append-15 {padding-right:705px;}
.append-16 {padding-right:752px;}
.append-17 {padding-right:799px;}
.append-18 {padding-right:846px;}
.append-19 {padding-right:893px;}
.prepend-1 {padding-left:47px;}
.prepend-2 {padding-left:94px;}
.prepend-3 {padding-left:141px;}
.prepend-4 {padding-left:188px;}
.prepend-5 {padding-left:235px;}
.prepend-6 {padding-left:282px;}
.prepend-7 {padding-left:329px;}
.prepend-8 {padding-left:376px;}
.prepend-9 {padding-left:423px;}
.prepend-10 {padding-left:470px;}
.prepend-11 {padding-left:517px;}
.prepend-12 {padding-left:564px;}
.prepend-13 {padding-left:611px;}
.prepend-14 {padding-left:658px;}
.prepend-15 {padding-left:705px;}
.prepend-16 {padding-left:752px;}
.prepend-17 {padding-left:799px;}
.prepend-18 {padding-left:846px;}
.prepend-19 {padding-left:893px;}
.pull-1 {margin-left:-47px;}
.pull-2 {margin-left:-94px;}
.pull-3 {margin-left:-141px;}
.pull-4 {margin-left:-188px;}
.pull-5 {margin-left:-235px;}
.pull-6 {margin-left:-282px;}
.pull-7 {margin-left:-329px;}
.pull-8 {margin-left:-376px;}
.pull-9 {margin-left:-423px;}
.pull-10 {margin-left:-470px;}
.pull-11 {margin-left:-517px;}
.pull-12 {margin-left:-564px;}
.pull-13 {margin-left:-611px;}
.pull-14 {margin-left:-658px;}
.pull-15 {margin-left:-705px;}
.pull-16 {margin-left:-752px;}
.pull-17 {margin-left:-799px;}
.pull-18 {margin-left:-846px;}
.pull-19 {margin-left:-893px;}
.pull-20 {margin-left:-940px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20 {float:left;position:relative;}
.push-1 {margin:0 -47px 1.5em 47px;}
.push-2 {margin:0 -94px 1.5em 94px;}
.push-3 {margin:0 -141px 1.5em 141px;}
.push-4 {margin:0 -188px 1.5em 188px;}
.push-5 {margin:0 -235px 1.5em 235px;}
.push-6 {margin:0 -282px 1.5em 282px;}
.push-7 {margin:0 -329px 1.5em 329px;}
.push-8 {margin:0 -376px 1.5em 376px;}
.push-9 {margin:0 -423px 1.5em 423px;}
.push-10 {margin:0 -470px 1.5em 470px;}
.push-11 {margin:0 -517px 1.5em 517px;}
.push-12 {margin:0 -564px 1.5em 564px;}
.push-13 {margin:0 -611px 1.5em 611px;}
.push-14 {margin:0 -658px 1.5em 658px;}
.push-15 {margin:0 -705px 1.5em 705px;}
.push-16 {margin:0 -752px 1.5em 752px;}
.push-17 {margin:0 -799px 1.5em 799px;}
.push-18 {margin:0 -846px 1.5em 846px;}
.push-19 {margin:0 -893px 1.5em 893px;}
.push-20 {margin:0 -940px 1.5em 940px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20 {float:right;position:relative;}
div.border {padding-right:9px;margin-right:10px;border-right:1px solid #eee;}
.colborder {background: url('/_media/dot.png') repeat-y 50% 0;float: left;width: 36px;}
.last, div.last {margin-right:0 !important;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:2.5em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
p.space {margin-bottom: 25px;}
/************************************************
* Primary styles
*/
body {
background: #f9f9f9 url('../_media/site_top_border.png') repeat-x;
padding-top: 21px;
}
.site-wrap {
width: 980px;
margin: 0 auto;
}
.page-width { /* Used for the normal page width */
width: 920px;
padding: 0 20px;
overflow: hidden;
}
.content-pad { /* Inner padding so the grid styles work */
}
#page-shadow {
background: url('../_media/page_middle_bg.png') repeat-y scroll top left;
padding: 0 10px 50px;
}
/************************************************
* Header / Top nav
*/
#header {
padding-top: 31px;
height: 85px;
}
#header .site-wrap {
width: 960px;
}
#header #supernav {
text-align: right;
width: 750px;
}
#header #supernav p {
font-size: 11px;
text-transform: uppercase;
margin: 0;
}
#header #supernav p span.user {
font-weight: bold;
padding-right: 20px;
}
#header #supernav p span.icon-help {
background: url('../_media/icon_help.png') no-repeat 100% 0;
padding-right: 20px;
}
#header #logowrap
{
width: 190px;
}
#header .logo {
margin-top: 5px;
}
#header #supernav .logo {
margin-top: 35px;
}
#search_header {
background: #d1d1d1;
padding: 12px 20px;
overflow: hidden;
}
div.search-box {
float: right;
width: 330px;
}
.mheAndCustomerLogosDivContainer
{
white-space: nowrap;
}
.mheLogoDivContainer
{
display: inline-block;
}
.customerLogoDivContainer
{
width:240px;
max-width: 240px;
height: 85px;
max-height: 85px;
display: inline-block;
}
.customerLogoImg
{
margin-right: 20px;
float:none;
max-width:100%;
height: 30px;
}
/************************************************
* Main content area
*/
#content-wrap {
background: #fff;
padding-top: 20px;
}
p {
font-size: 14px;
margin-bottom: 10px;
}
p.subtext {
color: #999;
font-size: 12px;
margin-bottom: 5px;
}
.announcement {
background: #fdffcc;
padding: 10px;
margin-bottom: 25px;
position: relative;
}
a.close {
position: absolute;
display: block;
width: 22px;
height: 22px;
background: url('../_media/close_button.png') no-repeat 0 0;
top: -5px;
right: -5px;
}
.announcement p {
margin: 0;
}
.sidebarPromo {
position: relative;
background: #f1f1f1;
padding: 10px;
}
/************************************************
* Classes
*/
.class-container {
border-bottom: 1px solid #ccc;
padding: 13px 0;
overflow: hidden;
}
.no-border {
border: none !important;
}
.no-bottom-border {
border-bottom: none !important;
}
.border-top {
border-top: 1px solid #ccc;
}
.class-container h3 {
font-size: 12px;
/*text-transform: uppercase;*/
margin-bottom: 0;
}
.class-container p {
font-size: 13px;
}
.toggle-container {
padding-top: 10px;
}
.toggle {
background: url(../_media/arrow_close.png) no-repeat scroll 0 2px;
}
.top-content {
margin-left: 20px;
}
.open {
background: url(../_media/arrow_open.png) no-repeat scroll 0 2px;
}
.toggle a {
padding-left: 20px;
margin: 0;
font-weight: bold;
outline: none;
}
.book-search-top {
background: url('../_media/book_search_top.png') no-repeat;
padding-top: 11px;
}
.book-search {
background: #f1f1f1;
border: 1px solid #c2c2c2;
border-top: none;
padding: 5px 18px 20px;
overflow: hidden;
}
.book-search .thumbnail {
float: left;
width: 151px;
margin-right: 20px;
position: relative;
}
.relevant-book
{
margin-left:50px;
}
.book-search-text {
float: left;
width: 450px;
margin-top: 25px;
}
.addl-content-bottom {
background: url('../_media/round_bottom_white.png') no-repeat 0 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
.addl-content {
background: #fff;
overflow: hidden;
}
.side-border {
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
padding: 10px 18px;
}
.gray .addl-content {
background: #f1f1f1;
border-top: 1px solid #fff;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
padding: 10px 18px;
overflow: hidden;
}
.gray .addl-content-toprightexcluded {
background: #f1f1f1;
border-left: 1px solid #c2c2c2;
padding: 10px 18px 0px 18px;
overflow: hidden;
}
.gray .addl-content-bottom {
background-image: url('../_media/round_bottom_gray.png');
}
.addl-content h2 {
margin: 10px 0;
}
.pillbox-wrap {
width: 655px;
margin: 0 auto;
}
.pillbox {
background: url('../_media/pillbox.png') no-repeat 100% 0;
padding-right: 5px;
float: left;
width: 120px;
margin-right: 5px;
text-align: center;
}
.pillbox a {
display: block;
background: url('../_media/pillbox.png') no-repeat 0 0;
width: 120px;
height: 35px;
padding-top: 5px;
}
.archiveButton {
margin: 30px 0 10px;
background: url('../_media/gray_button.png') no-repeat 100% 0;
padding-right: 8px;
}
.archiveButton a {
display: block;
background: url('../_media/gray_button.png') no-repeat 0 0;
padding-top: 11px;
height: 22px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
}
.archiveButton a:hover {
text-decoration: none;
}
/* Tooltips */
.qtip-content h3 {
font-size: 12px;
color: #222;
font-weight: bold;
}
.qtip-content p {
font-size: 12px;
color: #666;
font-weight: normal;
}
.qtip-content h3 {
margin-top: 10px;
}
.qtip-content p a {
font-weight: normal;
}
.qtip-wrapper {
background: url('../_media/tooltip_bottom.png') no-repeat 0 100%;
padding-bottom: 26px;
}
.qtip-contentWrapper {
}
/************************************************
* Results
*/
.results-list {
padding-top: 20px;
}
.results-nav ul{
margin: 20px 0 0;
}
.results-nav ul li {
margin: 0 0 10px;
padding: 0;
}
.results-nav ul li a {
display: block;
padding: 4px 8px;
width: 152px;
font-size: 12px;
}
.results-nav ul li a span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
li.icon-everything a span {
background: url('../_media/results_nav_icons.png') no-repeat 0 0;
}
li.icon-slides a span {
background: url('../_media/results_nav_icons.png') no-repeat 0 -20px;
}
li.icon-testbank a span {
background: url('../_media/results_nav_icons.png') no-repeat 0 -10px;
}
li.icon-multimedia a span {
background: url('../_media/results_nav_icons.png') no-repeat 0 -30px;
}
li.icon-everything a.selected span {
background-position: -10px 0;
}
li.icon-slides a.selected span {
background-position: -10px -20px;
}
li.icon-testbank a.selected span {
background-position: -10px -10px;
}
li.icon-multimedia a.selected span {
background-position: -10px -30px;
}
li.icon-other {
margin-left: 0;
}
.results-nav ul li a.selected {
background: #f1f1f1;
color: #222;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
p.total-results {
color: #848484;
}
ol.specific-results {
list-style: none;
}
ol.specific-results li {
margin: 0 0 10px;
padding: 0;
}
ol.specific-results li h3 {
font-size: 14px;
margin-bottom: 5px;
}
ol.specific-results li p {
font-size: 13px;
}
.result-icon {
float: left;
width: 10px;
margin-right: 7px;
}
.result-description {
float: left;
width: 705px;
padding-right: 10px;
margin-right: 0;
}
.result-icon span {
display: block;
width: 10px;
height: 10px;
margin-top: 3px;
}
.icon-everything .result-icon span {
background: url('../_media/results_nav_icons.png') no-repeat 0 0;
}
.icon-slides .result-icon span {
background: url('../_media/results_nav_icons.png') no-repeat 0 -20px;
}
.icon-testbank .result-icon span {
background: url('../_media/results_nav_icons.png') no-repeat 0 -10px;
}
.icon-multimedia .result-icon span {
/*background: url('../_media/results_nav_icons.png') no-repeat 0 -30px;*/
}
.related-searches h3 {
font-size: 14px;
font-weight: normal;
margin: 5px 0 20px;
}
.related-searches h3 span.search-term {
font-weight: bold;
}
.related-searches li {
margin-bottom: 10px;
}
.pagination-container
{
float:right;
width:350px;
}
ol.pagination {
list-style-type: none;
float: left;
width: 350px;
margin-top: 20px;
}
ol.pagination li {
float: left;
width: 22px;
line-height: 22px;
margin-right: 7px;
font-size: 12px;
border: 1px solid #c3c3c3;
text-align: center;
font-weight: bold;
color: #ccc;
background: #ebebeb;
}
ol.pagination li.first,
ol.pagination li.last {
background: none;
width: 50px;
}
ol.pagination li.spacer {
width: 10px;
font-weight: normal;
border: none;
background: none;
line-height: 40px;
}
ol.pagination li a {
display: block;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 12px;
background: #fff;
}
ol.pagination li.first a,
ol.pagination li.last a {
width: 50px;
}
/* Book Search Results */
.thumbnail .thumb-overlay {
position: absolute;
left: -2px;
bottom: 13px;
}
.relevant-materials {
margin-bottom: 10px;
}
.relevant-materials .book-search {
background: none;
border-left: none;
border-right: none;
padding: 10px 0 0 2px;
margin-bottom: 10px;
}
.relevant-materials .last {
border-bottom: none;
}
.relevant-materials .book-search .thumbnail {
float: left;
width: 89px;
margin-right: 20px;
position: relative;
}
.book-result-text h3.book-title {
font-size: 12px;
color: #222;
font-weight: bold;
/*text-transform: uppercase;*/
margin-bottom: 5px;
}
.book-result-text h4.author {
font-size: 12px;
color: #222;
font-weight: normal;
margin-bottom: 5px;
}
.book-result-text h4.publisher {
font-size: 12px;
color: #222;
font-weight: normal;
margin-bottom: 5px;
}
.book-result-text p {
font-size: 11px;
color: #666;
}
.book-result-text p a {
font-weight: normal;
}
.relevant-materials h2 {
margin: 10px 0 5px;
}
/* Featured Result */
.featured .class-container {
border-bottom: none;
}
.featured .book-search {
background: #f1f1f1;
border: 1px solid #c2c2c2;
border-top: none;
padding: 5px 18px 20px;
overflow: hidden;
}
.featured .book-search .thumbnail {
float: left;
width: 151px;
margin-right: 20px;
position: relative;
}
.featured .book-search-text {
float: left;
width: 450px;
margin-top: 25px;
}
.featured .book-result-text h3.book-title {
font-size: 15px;
}
.featured .book-result-text h4.author {
font-size: 15px;
}
ul.options-nav {
float: left;
width: 350px;
margin: 5px 0 10px;
}
ul.options-nav li {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: auto;
}
ul.options-nav li a {
display: block;
width: auto;
}
ul li a span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
/************************************************
* Lightbox page
*/
body.lightbox-page {
background: none;
padding: 5px;
}
.lightbox-page h1 {
margin-bottom: 0;
}
.lightbox-page h2 {
font-size: 12px;
color: #2c7da6;
}
.lightbox-page input.search-input {
background: url('../_media/icon_search.png') no-repeat 98% 50% !important;
padding-right: 20px !important;
color: #999;
}
.lightbox-page .book-result-text {
border-top: 1px solid #ccc;
padding: 10px;
margin: 10px 0 0;
width: 645px;
}
.lightbox-page .book-result-text .item {
float: left;
width: 145px;
margin-right: 20px;
position: relative;
padding-bottom: 35px;
}
.lightbox-page .book-result-text .item .button {
position: absolute;
bottom: 0;
left: 0;
}
.lightbox-page .book-result-text h3.book-title {
font-size: 10px;
margin-top: 10px;
}
.lightbox-page .book-result-text h4.author {
font-size: 10px;
color: #666;
}
.lightbox-page .book-result-text p {
font-size: 10px;
}
.lightbox-page #bottom {
margin-top: 30px;
}
.lightbox-page #bottom p.icon-back {
font-size: 12px;
margin-top: 5px;
}
.lightbox-page #bottom p.icon-back a {
background: url('../_media/arrow_back.png') no-repeat 0 50%;
padding-left: 20px;
}
.lightbox-page ol.pagination {
float: right;
margin-top: 0;
}
a.close-lightbox:hover {
cursor: pointer;
}
/************************************************
* Form styles
*/
label {
display: block;
color: #222;
font-size: 16px;
margin-bottom: 5px;
}
input, textarea {
border: 1px solid #c2c2c2;
background-color: #f3f3f3;
margin-bottom: 15px;
padding: 8px;
width: 330px;
font-size: 14px;
}
input.submit-button {
padding: 17px 0 25px 20px;
width: 234px;
background: url('/_media/button_large.png') no-repeat 0 0 !important;
color: #fff !important;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
margin: 0;
border: none;
text-align: left;
}
input.submit-button:hover {
background: url('/_media/button_large.png') no-repeat -234px 0;
}
/* Header Search Box */
div.search-box input {
padding: 0;
margin: 0;
border: none;
}
div.search-box input.search-input {
background: url('../_media/search_box_header.png') no-repeat 0 0;
height: 24px;
float: right;
width: 290px;
padding-left: 10px;
font-size: 12px;
color: #999;
}
div.search-box input.search-button ,div.search-box img.search-button {
float: right;
width: 24px;
height: 24px;
}
div.book-search-box input.search-input {
border: 1px solid #c2c2c2;
border-right: 2px solid #c2c2c2;
border-bottom: 2px solid #c2c2c2;
width: 436px;
padding: 7px;
font-size: 16px;
background: #fff;
margin-bottom: 10px;
}
div.book-search-box input.search-button , div.book-search-box img.search-button{
float: right;
width: 131px;
height: 27px;
text-align: right;
border: none;
padding: 0;
}
/************************************************
Non-semantic helper classes: please define your styles before this section.
*/
.change-bg {
background: #fff !important;
}
.normal {
font-weight: normal !important;
}
.small {
font-size: 11px !important;
}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/**
* Media queries for responsive design.
*
* These follow after primary styles so they will successfully override.
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#222;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../_media/colorbox/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../_media/colorbox/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../_media/colorbox/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../_media/colorbox/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../_media/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../_media/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../_media/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../_media/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../_media/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../_media/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../_media/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../_media/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../_media/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/* CUSTOMIZED STYLES FOR MH CAMPUS */
#cboxContent{position:static !important;}
#cboxLoadedContent{margin: 0; padding-bottom: 10px;}
#cboxClose{position:absolute; top:-8px; right:2px; background:url(../_media/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px; margin-top: 10px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../FlickerBoxSourceFiles/_media/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}