/*
Main styles for U.Va. Library website.
Version: 1.1
*/
/*****************************************************************************
= Global element defaults
******************************************************************************/
html, body {
margin: 0;
padding: 0;
font-size: 13px; /* approximately the same as the "small" keyword size */
font-family: Arial, Helvetica, sans-serif;
line-height:1.54em; /* approximately 20px at default text size of 13px */
background-color: #4672AF;
}
/* Correct font size inheritance for tables in IE */
table {
font-size: inherit;
font-size: 100%;
}
/* Correct font size for Safari. 100% is too large, so make it 99% */
select, input, textarea {
font:99% Arial, Helvetica, sans-serif;
}
/* Bump up font-size in !IE to get to 13px equivalent */
pre, code {
font:115% monospace Arial, Helvetica, sans-serif;
}
/* Hide any
elements in everything but the #mainContent and #subContent divs */
hr {
position: absolute;
left: -3000px;
}
#mainContent hr,
#subContent1 .box hr {
position: static;
}
/* Headings */
h1,
h2,
h3,
h4 {
font-family: Helvetica, Arial, sans-serif;
word-spacing: normal;
}
/* Links */
a:link {
color: #0F3E83;
}
a:visited {
color: #3F6DAF; /* lighter blue */
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
color: #000;
/*text-decoration: underline;*/
background: #FFFBEF;
}
a:active {
color:#FF6633;
}
p a:link,
p a:visited,
p a:hover {
text-decoration: underline;
}
a img {
border: none;
}
/*****************************************************************************
= Global utility styles
******************************************************************************
These are generally classes that are used to impart the same style attributes
in every case and context. Some are also used for development and debugging.
*/
/* Document wrapper. Constrains the width of the centered page. */
.docWrap {
width: 980px;
padding: 0 14px; /* keep a litte space between edge of pages and the viewport/scrollbars */
margin:0 auto;
text-align: left; /* necessary to override the IE5/6 page centering hack used in grids.css */
position: relative;
}
/* Elements needing easy clearing fix. See http://www.positioniseverything.net/easyclearing.html */
#search .simpleSearch,
.docWrap,
.newsListing .teaser,
.formTextButtonPair,
.bd,
.clearFix,
#mainContent .bd .newsListing li,
#subContent1 .newsListing li,
#subContent2 .newsListing li {
display: inline-block; /* add hasLayout in IE7. see http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp*/
}
#search .simpleSearch:after,
.docWrap:after,
.newsListing .teaser:after,
.formTextButtonPair:after,
.bd:after,
.clearFix:after,
#mainContent .bd .newsListing li:after,
#subContent1 .newsListing li:after,
#subContent2 .newsListing li:after {
content: '[.]';
clear: both;
display: block;
visibility: hidden;
height: 0;
}
#search .simpleSearch,
.docWrap,
.newsListing .teaser,
.formTextButtonPair,
.bd,
.clearFix,
#mainContent .bd .newsListing li,
#subContent1 .newsListing li,
#subContent2 .newsListing li {
display: block;
}
/* Float clearing fix using a clearing element (div or br) with a class of .clearer */
.clearer {
clear: both;
height: 0px;
}
/* To hide anything we don't want seen when the page is styled. When there is no style it will be visible */
.displayForNoCSS {
position: absolute;
left: -3000px;
}
/* Elements using Phark text image replacement. See http://www.mezzoblue.com/tests/revised-image-replacement/ */
#logo,
.imgReplace,
.imgReplace a {
text-indent: -3000em; /* Hide text for image replacement far off of left screen. */
overflow: hidden;
}
/* We almost always want icons centered vertically */
.iconLink img,
img.icon {
vertical-align: middle;
}
.hide {
display: none;
}
#content #mainContent .indent,
#content #mainContent .indent1 {
margin-left: 2.34em;
}
#content #mainContent .indent2 {
margin-left: 4.68em;
}
#content #mainContent .indent3 {
margin-left: 7.02em;
}
#content #mainContent .indent4 {
margin-left: 9.36em;
}
/*****************************************************************************
= Main template divisions
******************************************************************************
These are the fixtures of the template layouts, the areas that are more or
less nonnegotiable and universal. They form the general shell into which
components can be placed.
#globalHd - Global header
#skipToNav - Contains all the "Skip to..." navigation
#branding - Branding, or Library logo.
#content - Content container
#mainContent - Main content container and columns
#subContent1 - Subordinate content area #1 container, usually the sidebar
#globalFt - Global footer
*/
.warning {
color: #FF0000 !important;
}
.subdued {
color: #666666 !important;
}
.advancedOptionsLink .warning {
text-transform: uppercase;
font-size: .85em;
}
/* Global header
------------- */
#globalHd {
width: 100%;
color: #fff;
background: url(/images/globalHd/blue_gradient_bg.png) bottom repeat-x;
}
body.uvalib-hd1 #globalHd {
padding-bottom: 25px;
color: #fff;
background: url(/images/globalHd/blue_gradient_bg_hd1.png) bottom repeat-x;
}
/* Wrapper to group the branding and search box */
#globalHd .docWrap {
padding: 24px 0 18px 0;
background: url(/images/globalHd/library_logo_stacked.png) left bottom no-repeat;
}
body.uvalib-hd1 #globalHd .docWrap {
background: none;
}
#globalHd a:link,
#globalHd a:visited {
color: #fff; border-bottom: 1px solid #839DBF; text-decoration: none;
}
#globalHd a:hover,
#globalHd a:hover {
border-bottom: 1px solid #fff; background: none; text-decoration: none;
}
/* Contains all the "Skip to..." navigation. This actually displays styled as a shadow at
the top of the bookmark motif. */
#skipToNav {
position: absolute;
top: 0;
right: 0px;
width: 55px;
height: 15px;
z-index: 3;
background: url(/images/globalHd/bookmark_motif_top_shadow.png) no-repeat;
}
/* Branding, or Library logo. On homepage uses an . On all other pages, is a link. */
#branding {
width: 230px;
float: left;
}
body.uvalib-hd1 #branding {
width: 295px;
}
/* Bookmark motif protruding from the top right of the page */
#bookmarkMotif {
position: absolute;
right: -5px;
bottom: 30px;
z-index: 2;
width: 66px;
height: 419px;
background: url(/images/globalHd/bookmark_motif.png);
}
body.uvalib-hd1 #bookmarkMotif {
bottom: -28px;
}
/* The home link applied to the logo */
#branding a#logo:link,
#branding a#logo:visited,
#branding h1#logo {
height: 95px;
display: block;
border-bottom: none;
margin: 0;
}
body.uvalib-hd1 #branding a#logo:link,
body.uvalib-hd1 #branding a#logo:visited,
body.uvalib-hd1 #branding h1#logo {
height: 30px;
background: url(/images/globalHd/library_logo_horiz.png) left top no-repeat;
}
body.uvalib-hd1 #globalHd #logo {
}
/* Content container
----------------- */
#content {
clear: both;
padding: 0 0 30px 0;
position: relative;
background: #fff url(/images/content/content_bg_tile-x.png) left top repeat-x;
}
#content .docWrap {
padding: 16px 0 0 0;
width: 1008px;
background: transparent url(/images/content/content_cols_default.png) no-repeat scroll left top;
}
body.uvalib-t1 #content .docWrap {
background: transparent url(/images/content/content_cols_t1.png) no-repeat scroll left top;
}
body.uvalib-t2 #content .docWrap {
background: url(/images/content/content_cols_t2.png) left top no-repeat;
}
body.uvalib-t3 #content .docWrap {
background: url(/images/content/content_cols_t3.png) left top no-repeat;
}
body.uvalib-t4 #content .docWrap {
background: url(/images/content/content_cols_t4.png) left top no-repeat;
}
body.uvalib-t5 #content .docWrap {
background: transparent url(/images/content/content_cols_t5.png) no-repeat scroll left top;
}
body.bnr1 #content .docWrap {
/*background: transparent url(../images/content/content_bg_with_feature.png) no-repeat scroll left top;*/
}
/* Default font in #mainContent, #subContent[1,2] */
#mainContent,
#subContent1,
#subContent2 {
font-family: Georgia, "Times New Roman", Times, serif;
word-spacing: .15em;
}
/* Main content container and columns */
#mainContent {
width: 650px;
min-height: 400px;
padding: 0;
margin: 0 0 0 14px;
float: left;
}
body.uvalib-t1 #mainContent {
width: 994px;
}
body.uvalib-t2 #mainContent,
body.uvalib-t3 #mainContent {
width: 770px;
float: left;
}
body.uvalib-t3 #mainContent {
margin-right: -1000px;
}
body.uvalib-t4 #mainContent {
width: 540px;
margin-right: -770px;
}
body.uvalib-t4 #mainContent,
body.uvalib-t3 #mainContent {
margin-left: 244px;
}
body.uvalib-t5 #mainContent {
padding: 5px 0 0;
}
/* main content modular divisions (.hd, .bd, .ft) */
#mainContent .hd {
margin: 0 20px -10px 0;
padding: 0;
background: url(/images/content/title_2col_630-330.png) left top no-repeat;
}
body.uvalib-t1 #mainContent .hd {
margin-right: 0;
/*width: 994px;*/
background: url(/images/content/title_1col_980.png) left top no-repeat;
}
body.uvalib-t2 #mainContent .hd,
body.uvalib-t3 #mainContent .hd {
background: url(/images/content/title_2col_750-210.png) left top no-repeat;
}
body.uvalib-t4 #mainContent .hd {
background: url(/images/content/title_3col_210-548-210.png) left top no-repeat;
}
#mainContent .bd {
margin: 20px 20px 0 0;
padding: 0 20px 0 20px;
}
#mainContent div.hasGrids { /* div. added to increase specificity over .bd, because hasGrids is meant to be used on the .bd div */
margin: 0;
padding: 0;
}
/* Reset all grid containers to not have any padding or margins. This overrides the styles for the .bd of #mainContent. */
#mainContent .gA,
#mainContent .gB,
#mainContent .gC,
#mainContent .gD,
#mainContent .gE,
#mainContent .gF,
#mainContent .gG,
#mainContent .gH,
#mainContent .gI {
margin: 0;
padding: 0;
}
/* float all columns to the right initially */
.c1,
.c2,
.c3,
.c4,
.c5 {
float: right;
position: relative;
}
/* always float leftmost columns and offset 5 pixels from left */
.c1,
.gA .c3,
.gC .c3,
.gD .c3,
.gE .c3,
.gF .c3 {
float: left;
left: 5px;
}
/* in grids with two columns, shift the right column over 25 pixels to the left, 18 in template 1 */
.gA .c4,
.gC .c2,
.gC .c4,
.gA .c2,
.gD .c2,
.gD .c4,
.gE .c2,
.gE .c4,
.gF .c2,
.gF .c4 {
left: -25px;
}
.uvalib-t1 .gA .c2,
.uvalib-t1 .gA .c4,
.uvalib-t1 .gC .c2,
.uvalib-t1 .gC .c4,
.uvalib-t1 .gD .c2,
.uvalib-t1 .gD .c4,
.uvalib-t1 .gE .c2,
.uvalib-t1 .gE .c4,
.uvalib-t1 .gF .c2,
.uvalib-t1 .gF .c4 {
left: -18px;
}
/* clear columns that might wrap */
.gB .c4,
.gC .c3,
.gD .c3,
.gE .c3,
.gF .c3,
.gH .c4,
.gI .c4 {
clear: both;
}
/* make successive columns overlap using z-index */
.c2 { z-index: 2;}
.c3 { z-index: 3;}
.c4 { z-index: 4;}
/* column widths and positioning for grids based on fourths inside templates default and 0 */
/* make special grid container for gG (4-col, equal fourths) */
#mainContent .gG {
width: 159px;
margin: 0 0 0 159px;
}
/* make special grid container for gH (3-col, 1/2-1/4-1/4) and gI (3-col, 1/4-1/4-1/2) */
#mainContent .gH,
#mainContent .gI {
margin-left: 313px;
width: 313px; /* equal to 1/2 proportion and size of the left margin */
}
.gA .c1,
.gA .c2,
.gA .c3,
.gA .c4,
.gH .c1,
.gH .c4,
.gI .c3 {
width: 313px; /* 1/2 proportion */
}
.gE .c2,
.gE .c4,
.gF .c1,
.gF .c3,
.gG .c1,
.gG .c2,
.gG .c3,
.gG .c4,
.gH .c2,
.gH .c3,
.gI .c1,
.gI .c2 {
width: 159px; /* 1/4 proportion */
}
.gE .c1,
.gE .c3,
.gF .c2,
.gF .c4 {
width: 467px; /* 3/4 proportion */
}
/* pull all columns in gG up into a float stack using negative right margin */
.gG .c1,
.gG .c2,
.gG .c3,
.gG .c4 {
margin: 0 -159px 0 0;
}
/* move columns in gG to their final positions */
.gG .c1 {
margin-left: -159px;
}
.gG .c2 {
left: -159px;
}
.gG .c3 {
left: -5px;
}
.gG .c4 {
left: 149px;
}
/* move columns in gH to their final positions */
/* left-most columns */
.gH .c1,
.gH .c4 {
margin: 0 0 0 -313px;
}
/* middle columns */
.gH .c2 {
margin: 0 -159px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -313px;
}
/* right-most columns */
.gH .c3 {
margin: 0 0 0 -159px;
left: 0px;
}
/* move columns in gI to their final positions */
/* left-most columns */
.gI .c1 {
margin: 0 0 0 -313px;
}
/* middle columns */
.gI .c2 {
margin: 0 -159px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -467px;
}
/* right-most columns */
.gI .c3 {
margin: 0 0 0 -313px;
}
/* column widths and positioning for grids based on fourths inside template 1 */
/* make special grid container for gG (4-col, equal fourths) */
.uvalib-t1 #mainContent .gG {
width: 246px;
margin: 0 0 0 246px;
}
/* make special grid container for gH (3-col, 1/1-1/4-1/4) and gI (3-col, 1/4-1/4-1/1) */
.uvalib-t1 #mainContent .gH,
.uvalib-t1 #mainContent .gI {
margin-left: 488px;
width: 488px; /* equal to 1/2 proportion and size of the left margin */
}
.uvalib-t1 .gA .c1,
.uvalib-t1 .gA .c2,
.uvalib-t1 .gA .c3,
.uvalib-t1 .gA .c4,
.uvalib-t1 .gH .c1,
.uvalib-t1 .gH .c4,
.uvalib-t1 .gI .c3 {
width: 489px; /* 1/2 proportion */
}
.uvalib-t1 .gE .c2,
.uvalib-t1 .gE .c4,
.uvalib-t1 .gF .c1,
.uvalib-t1 .gF .c3,
.uvalib-t1 .gG .c1,
.uvalib-t1 .gG .c2,
.uvalib-t1 .gG .c3,
.uvalib-t1 .gG .c4,
.uvalib-t1 .gH .c2,
.uvalib-t1 .gH .c3,
.uvalib-t1 .gI .c1,
.uvalib-t1 .gI .c2 {
width: 246px; /* 1/4 proportion */
}
.uvalib-t1 .gE .c1,
.uvalib-t1 .gE .c3,
.uvalib-t1 .gF .c2,
.uvalib-t1 .gF .c4 {
width: 729px; /* 3/4 proportion */
}
/* pull all columns in gG up into a float stack using negative right margin */
.uvalib-t1 .gG .c1,
.uvalib-t1 .gG .c2,
.uvalib-t1 .gG .c3,
.uvalib-t1 .gG .c4 {
margin: 0 -246px 0 0;
}
/* move columns in gG to their final positions */
.uvalib-t1 .gG .c1 {
margin-left: -246px;
}
.uvalib-t1 .gG .c2 {
left: -246px;
}
.uvalib-t1 .gG .c3 {
left: -5px;
}
.uvalib-t1 .gG .c4 {
left: 236px;
}
/* move columns in gH to their final positions */
/* left-most columns */
.uvalib-t1 .gH .c1,
.uvalib-t1 .gH .c4 {
margin: 0 0 0 -488px;
}
/* middle columns */
.uvalib-t1 .gH .c2 {
margin: 0 -246px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -488px;
}
/* right-most columns */
.uvalib-t1 .gH .c3 {
margin: 0 0 0 -246px;
left: 0px;
}
/* move columns in gI to their final positions */
/* left-most columns */
.uvalib-t1 .gI .c1 {
margin: 0 0 0 -488px;
}
/* middle columns */
.uvalib-t1 .gI .c2 {
margin: 0 -246px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -729px;
}
/* right-most columns */
.uvalib-t1 .gI .c3 {
margin: 0 0 0 -488px;
}
/* column widths and positioning for grids based on fourths inside templates 2 and 3 */
/* make special grid container for gG (4-col, equal fourths) */
.uvalib-t2 #mainContent .gG,
.uvalib-t3 #mainContent .gG {
width: 189px;
margin: 0 0 0 189px;
}
/* make special grid container for gH (3-col, 1/2-1/4-1/4) and gI (3-col, 1/4-1/4-1/2) */
#mainContent .uvalib-t2 .gH,
#mainContent .uvalib-t2 .gI,
#mainContent .uvalib-t3 .gH,
#mainContent .uvalib-t3 .gI {
margin-left: 373px;
width: 373px; /* equal to 1/2 proportion and size of the left margin */
}
.uvalib-t2 .gA .c1,
.uvalib-t2 .gA .c2,
.uvalib-t2 .gA .c3,
.uvalib-t2 .gA .c4,
.uvalib-t2 .gH .c1,
.uvalib-t2 .gH .c4,
.uvalib-t2 .gI .c3,
.uvalib-t3 .gA .c1,
.uvalib-t3 .gA .c2,
.uvalib-t3 .gA .c3,
.uvalib-t3 .gA .c4,
.uvalib-t3 .gH .c1,
.uvalib-t3 .gH .c4,
.uvalib-t3 .gI .c3 {
width: 373px; /* 1/2 proportion */
}
.uvalib-t2 .gE .c2,
.uvalib-t2 .gE .c4,
.uvalib-t2 .gF .c1,
.uvalib-t2 .gF .c3,
.uvalib-t2 .gG .c1,
.uvalib-t2 .gG .c2,
.uvalib-t2 .gG .c3,
.uvalib-t2 .gG .c4,
.uvalib-t2 .gH .c2,
.uvalib-t2 .gH .c3,
.uvalib-t2 .gI .c1,
.uvalib-t2 .gI .c2,
.uvalib-t3 .gE .c2,
.uvalib-t3 .gE .c4,
.uvalib-t3 .gF .c1,
.uvalib-t3 .gF .c3,
.uvalib-t3 .gG .c1,
.uvalib-t3 .gG .c2,
.uvalib-t3 .gG .c3,
.uvalib-t3 .gG .c4,
.uvalib-t3 .gH .c2,
.uvalib-t3 .gH .c3,
.uvalib-t3 .gI .c1,
.uvalib-t3 .gI .c2 {
width: 189px; /* 1/4 proportion */
}
.uvalib-t2 .gE .c1,
.uvalib-t2 .gE .c3,
.uvalib-t2 .gF .c2,
.uvalib-t2 .gF .c4,
.uvalib-t3 .gE .c1,
.uvalib-t3 .gE .c3,
.uvalib-t3 .gF .c2,
.uvalib-t3 .gF .c4 {
width: 557px; /* 3/4 proportion */
}
/* pull all columns in gG up into a float stack using negative right margin */
.uvalib-t2 .gG .c1,
.uvalib-t2 .gG .c2,
.uvalib-t2 .gG .c3,
.uvalib-t2 .gG .c4,
.uvalib-t3 .gG .c1,
.uvalib-t3 .gG .c2,
.uvalib-t3 .gG .c3,
.uvalib-t3 .gG .c4 {
margin: 0 -189px 0 0;
}
/* move columns in gG to their final positions */
.uvalib-t2 .gG .c1,
.uvalib-t3 .gG .c1 {
margin-left: -189px;
}
.uvalib-t2 .gG .c2,
.uvalib-t3 .gG .c2 {
left: -189px;
}
.uvalib-t2 .gG .c3,
.uvalib-t3 .gG .c3 {
left: -5px;
}
.uvalib-t2 .gG .c4,
.uvalib-t3 .gG .c4 {
left: 179px;
}
/* move columns in gH to their final positions */
/* left-most columns */
.uvalib-t2 .gH .c1,
.uvalib-t2 .gH .c4,
.uvalib-t3 .gH .c1,
.uvalib-t3 .gH .c4 {
margin: 0 0 0 -373px;
}
/* middle columns */
.uvalib-t2 .gH .c2,
.uvalib-t3 .gH .c2 {
margin: 0 -189px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -373px;
}
/* right-most columns */
.uvalib-t2 .gH .c3,
.uvalib-t3 .gH .c3 {
margin: 0 0 0 -189px;
left: 0px;
}
/* move columns in gI to their final positions */
/* left-most columns */
.uvalib-t2 .gI .c1,
.uvalib-t3 .gI .c1 {
margin: 0 0 0 -373px;
}
/* middle columns */
.uvalib-t2 .gI .c2,
.uvalib-t3 .gI .c2 {
margin: 0 -189px 0 0; /* negative right margin pulls up .c3 over .c2 */
left: -557px;
}
/* right-most columns */
.uvalib-t2 .gI .c3,
.uvalib-t3 .gI .c3 {
margin: 0 0 0 -373px;
}
/* column widths and positioning for grids based on fourths inside template 4 */
.uvalib-t4 .gA .c1,
.uvalib-t4 .gA .c2,
.uvalib-t4 .gA .c3,
.uvalib-t4 .gA .c4 {
width: 258px; /* 1/2 proportion */
}
/* Technique for any-ordered source with three columns
make the wrapper grid div the width of a column and center it in its parent
move c1 div to the left with a left margin equal to the width of a column minus 5
move c3 div up on top of the c2 div by giving c2 a negative right margin equal to column width plus 5
move c3 to the left of c2, and set all column tops back to aligned horizontally, by giving c3 a negative left margin equal to the width of a column
move c2 to the left, so it is directly over c3, by giving it a negative left position equal to the width of a column
move c3 to the right, so it is in the final place of the third column, by giving it a left position equal to the width of a column minus 5
*/
/* column widths and positioning for grids based on thirds inside templates default and 0 */
/* make special grid containers for the thirds grids */
#mainContent .gB {
width: 210px;
margin: 0 0 0 210px;
}
.gB .c1,
.gB .c2,
.gB .c3,
.gB .c4,
.gC .c2,
.gC .c4,
.gD .c1,
.gD .c3 {
width: 210px; /* 1/3 proportion */
}
.gC .c1,
.gC .c3,
.gD .c2,
.gD .c4 {
width: 415px; /* 2/3 proportion */
}
/* left-most columns */
.gB .c1,
.gB .c4 {
left: 0; /* override default of -5px */
margin: 0 0 0 -205px;
}
/* middle columns */
.gB .c2 {
margin: 0 -210px 0 0;
left: -210px;
}
/* right-most columns */
.gB .c3 {
margin: 0 0 0 -210px;
left: 205px;
}
/* column widths and positioning for grids based on thirds inside template 1 */
/* make special grid containers for the thirds grids */
.uvalib-t1 #mainContent .gB {
width: 327px;
margin: 0 0 0 327px;
}
.uvalib-t1 .gB .c1,
.uvalib-t1 .gB .c2,
.uvalib-t1 .gB .c3,
.uvalib-t1 .gB .c4,
.uvalib-t1 .gC .c2,
.uvalib-t1 .gC .c4,
.uvalib-t1 .gD .c1,
.uvalib-t1 .gD .c3 {
width: 327px; /* 1/3 proportion */
}
.uvalib-t1 .gC .c1,
.uvalib-t1 .gC .c3,
.uvalib-t1 .gD .c2,
.uvalib-t1 .gD .c4 {
width: 648px; /* 2/3 proportion */
}
/* left-most columns */
.uvalib-t1 .gB .c1,
.uvalib-t1 .gB .c4 {
left: 0; /* override default of -5px */
margin: 0 0 0 -322px;
}
/* middle columns */
.uvalib-t1 .gB .c2 {
margin: 0 -327px 0 0;
left: -327px;
}
/* right-most columns */
.uvalib-t1 .gB .c3 {
margin: 0 0 0 -327px;
left: 322px;
}
/* column widths and positioning for grids based on thirds inside templates 2 and 3 */
/* make special grid containers for the thirds grids */
.uvalib-t2 #mainContent .gB,
.uvalib-t3 #mainContent .gB {
width: 250px;
margin: 0 0 0 250px;
}
.uvalib-t2 .gB .c1,
.uvalib-t2 .gB .c2,
.uvalib-t2 .gB .c3,
.uvalib-t2 .gB .c4,
.uvalib-t2 .gC .c2,
.uvalib-t2 .gC .c4,
.uvalib-t2 .gD .c1,
.uvalib-t2 .gD .c3,
.uvalib-t3 .gB .c1,
.uvalib-t3 .gB .c2,
.uvalib-t3 .gB .c3,
.uvalib-t3 .gB .c4,
.uvalib-t3 .gC .c2,
.uvalib-t3 .gC .c4,
.uvalib-t3 .gD .c1,
.uvalib-t3 .gD .c3 {
width: 250px; /* 1/3 proportion */
}
.uvalib-t2 .gC .c1,
.uvalib-t2 .gC .c3,
.uvalib-t2 .gD .c2,
.uvalib-t2 .gD .c4,
.uvalib-t3 .gC .c1,
.uvalib-t3 .gC .c3,
.uvalib-t3 .gD .c2,
.uvalib-t3 .gD .c4 {
width: 495px; /* 2/3 proportion */
}
/* left-most columns */
.uvalib-t2 .gB .c1,
.uvalib-t2 .gB .c4,
.uvalib-t3 .gB .c1,
.uvalib-t3 .gB .c4 {
left: 0; /* override default of -5px */
margin: 0 0 0 -245px;
}
/* middle columns */
.uvalib-t2 .gB .c2,
.uvalib-t3 .gB .c2 {
margin: 0 -250px 0 0;
left: -250px;
}
/* right-most columns */
.uvalib-t2 .gB .c3,
.uvalib-t3 .gB .c3 {
margin: 0 0 0 -250px;
left: 245px;
}
/* column widths and positioning for grids based on thirds inside template 4 */
/* make special grid containers for the thirds grids */
.uvalib-t4 #mainContent .gB {
width: 173px;
margin: 0 0 0 173px;
}
.uvalib-t4 .gB .c1,
.uvalib-t4 .gB .c2,
.uvalib-t4 .gB .c3,
.uvalib-t4 .gB .c4,
.uvalib-t4 .gC .c2,
.uvalib-t4 .gC .c4,
.uvalib-t4 .gD .c1,
.uvalib-t4 .gD .c3 {
width: 173px; /* 1/3 proportion */
}
.uvalib-t4 .gC .c1,
.uvalib-t4 .gC .c3,
.uvalib-t4 .gD .c2,
.uvalib-t4 .gD .c4 {
width: 342px; /* 2/3 proportion */
}
/* left-most columns */
.uvalib-t4 .gB .c1,
.uvalib-t4 .gB .c4 {
left: 0; /* override default of -5px */
margin: 0 0 0 -168px;
}
/* middle columns */
.uvalib-t4 .gB .c2 {
margin: 0 -173px 0 0;
left: -173px;
}
/* right-most columns */
.uvalib-t4 .gB .c3 {
margin: 0 0 0 -173px;
left: 168px;
}
body.uvalib-t1 #mainContent .bd {
/*background: none; */
}
/* Default top and bottom margins of content block elements */
#mainContent p,
#mainContent ol,
#mainContent ul,
#mainContent dl,
#mainContent .spacedList li {
margin: 0 0 1.23em 0;
}
/* Headings in #mainContent */
#mainContent h1 {
font-size: 153%;
font-weight: bold;
letter-spacing: .01em;
padding: 13px 20px 25px 20px;
margin: 0;
line-height: 1.25em; /* for vertical centering */
background: url(/images/content/title_shadow.png) left bottom no-repeat;
color: #5B4418;
}
body.uvalib-t1 #mainContent h1 {
background: url(/images/content/title_shadow.png) left bottom no-repeat;
}
#mainContent h2 {
line-height: 1.25em;
font-weight: normal;
font-size: 139%;
margin: 0 0 .7em 0;
color: #8F8A82;
}
#mainContent h2.first {
margin-top: 0;
}
#mainContent h3 {
font-size: 108%;
line-height: 1.45em;
margin: 1.1em 0;
color: #333;
}
#mainContent h4 {
margin: 1.25em 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: bold;
}
/* Blockquote in #mainContent */
#mainContent blockquote {
margin-left: 2.4em;
font-style: italic;
}
/* Ordered and unordered lists in #mainContent */
#mainContent ol,
#mainContent ul ol {
/* Nudge list items over a little further left than the default 40px left margin/padding.
See http://developer.mozilla.org/en/docs/Consistent_List_Indentation */
margin-left: 15px;
padding-left: 15px;
}
#mainContent ul {
margin-left: 1.2em;
padding-left: 0;
list-style: none;
}
#mainContent ul ul,
#mainContent ul ol,
#mainContent ol ul,
#mainContent ol ol {
margin-top: 0;
margin-bottom: 0;
}
#mainContent ul ol li,
#mainContent ol ul ol li {
padding-left: 0;
background: none;
}
#mainContent ul li,
#mainContent ol ul li {
padding-left: 15px;
background: url(/images/icons/bullets/square_4x4_494949.gif) 0px 0.65em no-repeat;
}
/* Ordered and unordered lists in #mainContent with some spacing between items */
#mainContent .spacedList .unspacedList {
margin-top: 1.25em;
}
#mainContent .spacedList .unspacedList li {
margin-top: 0;
margin-bottom: 0;
}
/* Definition lists in #mainContent */
#mainContent dd {
margin-left: 2.4em;
}
dt {
font-weight: bold;
}
#mainContent .spacedList dt {
margin-top: 1.25em;
}
/* Abbreviations and acronyms in #mainContent */
#mainContent acronym,
#mainContent abbr,
#mainContent .abbr {
border-bottom: 1px dashed #CB6425;
cursor: help;
letter-spacing: 0.07em;
}
#mainContent acronym {
text-transform: uppercase;
}
/* Main content columns */
body.deptHome #mainContent .col {
width: 332px;
float: right;
}
body.deptHome #mainContent .col-group-2-ab .first {
float: left;
}
/* Subordinate content area #1, usually the sidebar */
#subContent1 { /* default template */
width: 344px;
float: right;
margin: 0;
}
body.uvalib-t4 #subContent1,
body.uvalib-t4 #subContent2,
body.uvalib-t2 #subContent1,
body.uvalib-t3 #subContent1 {
display: block;
width: 224px;
}
body.uvalib-t2 #subContent2,
body.uvalib-t3 #subContent2,
body.uvalib-t1 #subContent1,
body.uvalib-t1 #subContent2 {
display: none;
}
body.uvalib-t4 #subContent1,
body.uvalib-t3 #subContent1 {
float:left;
}
body.uvalib-t4 #subContent2 {
float:right;
display: block;
}
body.uvalib-t2 #subContent1 {
float: right;
}
/* Subordinate content area #2, usually a sidebar */
#subContent2 {
display: none;
}
/* Global footer
------------- */
#globalFt {
clear: both;
color: #A7BDDF;
background: #4672AF url(/images/globalFt/blue_gradient_bg.png) top repeat-x;
}
#globalFt .docWrap {
padding: 20px;
line-height: 2em;
font-size: 85%; /* ~11px */
font-weight: bold;
}
#globalFt p {
margin: 0;
}
#globalFt a:link,
#globalFt a:visited {
font-weight: bold;
color: #E6E8F5;
border-bottom: 1px solid #839DBF;
text-decoration: none;
}
#globalFt a:hover,
#globalFt a:hover {
border-bottom: 1px solid #fff;
text-decoration: none;
background: none;
}
#globalFt .col {
float: right;
width: 600px;
text-align: right;
}
#globalFt .first {
float: left;
width: 360px;
text-align: left;
}
#globalFtHomeLink {
font-size: 114%;
font-weight: bold;
line-height: 2.2em;
color: #fff;
}
#copyrightLink {
font-size: 120%;
line-height: 1em;
font-weight: bold;
}
/*****************************************************************************
= Components
******************************************************************************
These are blocks of markup that are self-contained as objects, meaning they
can be added or removed from a layout without altering the basic layout. They
generally come in the form of UI widgets/controls, mini-templates, or
boiler-plate design elements.
*/
/* Tab-view search widget
---------------------- */
#search {
width: 662px;
margin: 2px 0 0 0;
float: left;
color: #000;
}
/* Whole tabset */
#search .yui-navset {
position:relative; /* contain absolute positioned tabs (left/right) */
}
/* Tabs */
#search .yui-navset .yui-nav {
padding: 0 9px;
position: relative;
z-index: 7;
}
#search .yui-nav, .yui-nav li {
margin:0;
padding:0;
list-style:none;
}
#search .yui-navset .yui-nav li {
margin-right:2px; /* default space between tabs */
white-space: nowrap;
display:inline-block;
display:-moz-inline-stack;
*display:inline; /* IE */
vertical-align:bottom; /* safari: for overlap */
cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
margin-bottom:-10px; /* pointer overlap */
padding-bottom:6px; /* make room for pointer */
position:relative;
top:-4px; /* pull above nav */
zoom: 1; /* IE: kill space between horizontal tabs */
font-size: 85%;
font-weight: bold;
}
#globalHd #search .yui-navset .yui-nav a {
outline:0; /* for gecko keep from shifting */
padding: 0;
position:relative; /* for IE to allow overlap */
display:block;
display:inline-block;
zoom:1;
vertical-align:bottom; /* safari: for overlap */
color: #fff;
background: url(/images/components/search/tab_bg_lt.png) top left no-repeat;
filter:alpha(opacity=60);
-moz-opacity:1;
opacity: 1;
}
#globalHd #search .yui-nav li a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
#globalHd #search .yui-nav a,
#globalHd #search .yui-nav a:hover {
text-decoration: none; border-bottom: none;
}
/* Selected tab */
#search .yui-navset .yui-nav li.selected {
background:url(/images/components/search/tab_pointer.gif) no-repeat bottom center;
}
#search .yui-nav li.selected a,
#search .yui-nav li.selected a:hover {
padding: 0;
}
#globalHd #search .yui-nav li.selected a,
#globalHd #search .yui-nav li.selected a:hover {
background: url(/images/components/search/tab_bg_lt_selected.png) top left no-repeat;
color: #53280b;
font-size: 110%;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
#search .yui-nav a em {
padding: 8px 14px 3px 6px;
display: block;
font-style: normal;
margin-left: 8px;
background: url(/images/components/search/tab_bg_rt.png) top right no-repeat;
}
#search .yui-nav li.selected a em {
background: url(/images/components/search/tab_bg_rt_selected.png) top right no-repeat;
}
/* Tab panes */
#search .yui-content {
float: left;
width: 100%;
position: relative;
z-index: 3;
}
.yui-navset .yui-content .yui-hidden {
left:-999999px;
position:absolute;
visibility:hidden;
}
#search #CatalogSearch {
display: block; /* show the catalog search by default. override above style. */
}
/* Simple search forms */
#search .simpleSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:4px;
-moz-border-radius-topright:3px; -webkit-border-top-right-radius:4px;
background:transparent url(/images/components/box1/bg_rt.png) no-repeat scroll -3px -19px;
border:1px solid #000000;
padding:9px;
}
#search .simpleSearch form {
margin: 0;
}
#search .simpleSearch label {
position: absolute;
left: -1000em;
}
#search .simpleSearch .formTextButtonPair {
position: relative;
}
#search .simpleSearch input {
font-size: 100%;
}
#search .simpleSearch input.dimmed {
color: #5F5959;
background: #F5F5F5;
}
#search .simpleSearch input.searchIn {
float: left;
width: 510px;
padding: .35em 0 .35em 5px;
background: #fff;
border: 1px solid #666;
}
#search .simpleSearch .searchBtn {
float: right;
width: 110px;
text-align: center;
padding: .25em 0 .25em 0;
border: 1px solid;
cursor: pointer;
text-align: center;
font-weight: bold;
/* The following 5 rules are for when javascript is turned off */
border-top-color: #6B8EBC;
border-left-color: #6B8EBC;
border-bottom-color: #254C85;
border-right-color: #254C85;
background: white url(/images/components/search/button_bg.png) bottom right no-repeat;
}
#search .simpleSearch .yui-button {
position: absolute;
right: 0;
top: 0;
width: 122px;
text-align: center;
margin: 0;
cursor: pointer;
margin-top: -1px;
background: url(/images/components/search/search_btn_top.png) left top no-repeat;
border: 0;
}
#search .simpleSearch .yui-button .first-child {
margin: 0;
padding: .35em 0 .4em 0;
background: url(/images/components/search/search_btn_bot.png) left bottom no-repeat;
}
#search .simpleSearch .yui-button .first-child,
#search .simpleSearch .yui-button button {
border: 0;
}
#search .simpleSearch .yui-button button,
#search .simpleSearch .yui-button a {
padding: 0;
margin: 0 auto;
text-align: center;
width: 100%;
min-height: 10px;
line-height: 1.5em;
display: inline-block;
display: block;
}
#DatabasesSearchIn {
width: 635px;
}
#search .simpleSearch input#GoogleScholarSearchIn,
#search .simpleSearch input#WebsiteSearchIn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(/images/components/search/google_search_watermark.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left: 50px;
width: 460px;
}
* html #search .simpleSearch input#GoogleScholarSearchIn,
* html #search .simpleSearch input#WebsiteSearchIn {
padding-left: 50px;
width: 460px;
}
/* Advanced options link */
#search .advancedOptionsLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:4px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-top:0;
background:#FFF9EF none repeat scroll 0 0;
float:left;
font-size:91%;
font-weight:normal;
margin:-0.085em 0 0 10px;
padding:0 8px 0;
width:auto;
}
#search .advancedOptionsLink a:link,
#search .advancedOptionsLink a:visited {
border: none;
color: #0048AF;
text-decoration: none;
}
#search .advancedOptionsLink a:hover,
#search .advancedOptionsLink a:active {
text-decoration: underline;
}
#search .advancedOptionsLink a span, #search .advancedOptionsLink a strong {
border-bottom: 1px dotted #0048AF;
}
#search .advancedOptionsLink a img {
border: none;
}
/* Databases tab autosuggest */
#suggestContainer .suggestHeader {
padding: 5px 8px; /* Same as
*/
color:#625437;
font-family:Arial,Helvetica,sans-serif;
font-variant:small-caps;
font-weight:bold;
line-height:1.33em;
font-size: 110%;
}
#suggestContainer li {
padding: 5px 8px;
}
#suggestContainer .suggestHeader span {
color: #000;
}
#suggestContainer .name {
font-size: 105%;
}
#suggestContainer .desc {
font-size: .90em;
line-height: 90%;
color: #555;
}
#suggestContainer .yui-ac-highlight .desc {
color: #bbb;
}
/* Global navigation
----------------- */
#globalNav {
background: #E4EBFD url(/images/components/globalNav/global_nav_bg.png) left top repeat-x;
padding: 0;
}
#globalNav .docWrap {
padding: 0;
width: 1008px;
background: url(/images/components/globalNav/global_nav_bg_top.png) left top no-repeat;
}
#globalNav h2 {
font: bold small-caps 102%/2.8em Arial, Helvetica, sans-serif;
color: #000;
}
#globalNav ul {
margin: 2px 0 0 0;
list-style-type: none;
position: relative;
float: left;
display: block;
padding: 0 14px;
width: 980px;
background: url(/images/components/globalNav/global_nav_bg_bot.png) left bottom no-repeat;
}
#globalNav ul li {
float: left;
width: auto;
display: inline-block;
display: block;
margin-bottom: 8px;
font-size: 85%;
line-height: 3.6em; font-weight: bold;
}
/* General links and their hover states */
#globalNav ul li span {
display: block;
}
#globalNav ul a:link,
#globalNav ul a:visited,
#globalNav ul li span span {
display: block;
padding: 0 16px;
margin: 0;
cursor:pointer;
}
#globalNav ul a:link,
#globalNav ul a:visited,
#globalNav ul span {
border-bottom: 0;
color: #0F3E83;
border-right: 1px solid #C3D4FD;
border-left: 1px solid #EDF2FE;
}
#globalNav ul span span {
border: none;
}
#globalNav ul li.hover a:link,
#globalNav ul li.hover a:visited,
#globalNav ul li.hover a:hover,
#globalNav ul li.hover span {
color: #000;
text-decoration: none;
background: url(/images/components/globalNav/global_nav_link_hover_bg.png) top left no-repeat;
}
/* First link and its hover state */
#globalNav li.first a:link,
#globalNav li.first a:visited {
border-left: none;
}
#globalNav li.hover-first {
background: url(/images/components/globalNav/first_link_hover_bg_top.png) left top no-repeat;
}
#globalNav li.hover-first a {
background: url(/images/components/globalNav/first_link_hover_bg_bot.png) left bottom no-repeat;
color: #000;
text-decoration: none;
}
/* Libraries link and its hover state */
#globalNav ul li span#LibrariesLink span span {
padding: 0 12px 0 0; /* add space to the right of the link for a downward arrow */
background: url(/images/icons/arrows/down_8x5_a4b6e3.png) right center no-repeat;
}
#globalNav ul li span#LibrariesLink.hover span span {
background: url(/images/icons/arrows/down_8x5_black.png) right center no-repeat;
}
/* Pressed link, expanded menu */
#globalNav ul li.pressed {
margin-bottom: 0;
/*height: 100%;*/
background: #E4EBFD;
}
#globalNav ul li.pressed span {
color: #0F3E83;
background: transparent url(/images/components/globalNav/global_nav_link_hover_rt.png) right bottom no-repeat;
border: none;
}
#globalNav ul li.pressed span span {
padding: 0 17px 8px 17px;
margin: 0;
background: transparent url(/images/components/globalNav/global_nav_link_hover_lt.png) left bottom no-repeat;
}
#globalNav ul li.pressed span.hover span {
color: #000;
}
#globalNav ul li.pressed span#LibrariesLink span span {
background: url(/images/icons/arrows/up_8x5_a4b6e3.png) right center no-repeat;
}
#globalNav ul li.pressed span#LibrariesLink.hover span span {
background: url(/images/icons/arrows/up_8x5_black.png) right center no-repeat;
}
/* Sub-menu, nested , links and their hover states */
#globalNav ul ul {
padding: 0 0 0 14px;
margin: 0;
position: absolute;
top: 5.2em;
left: -3000px;
width: 980px;
z-index: 1000;
border-top: 0;
background: none;
}
#globalNav ul ul li {
float: left;
font-size: 104%; font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
#globalNav ul ul a:link,
#globalNav ul ul a:visited {
display: block;
padding: 0 10px;
float: left;
margin: 0;
line-height: 1em;
border-left: none;
border-right: 1px solid #C3D4FD;
color: #0F3E83;
text-decoration: none;
}
#globalNav ul ul a.first {
border-left: none;
}
#globalNav ul ul a.last {
border-right: none;
}
#globalNav ul li.hover li a:link,
#globalNav ul li.hover li a:visited,
#globalNav ul li.hover li a:hover,
#globalNav ul li.hover li span {
background: none;
}
#globalNav ul ul a:hover,
#globalNav ul ul a:active,
#globalNav ul li.hover ul a:hover,
#globalNav ul li.hover ul a:active {
color: #000;
text-decoration: underline;
background: none;
}
#globalNav ul li.hover li a:link,
#globalNav ul li.hover li a:visited {
color: #2C558F;
}
#globalNav ul li.hover li a:hover,
#globalNav ul li.hover li a:active {
color: #000;
text-decoration: underline;
background: none;
}
/* Section header
-------------- */
#sectHd {
clear: both;
width: 100%;
padding: 0;
min-height: 55px; /* you can optionally customize this for each section depending upon the height of the section heading text */
background: #E4EBFD;
}
body.uvalib-hd1 #sectHd { /* Section header for template #1 */
/*padding: 15px 0 5px 0;*/
padding: 0;
}
#sectHd .docWrap {
overflow: visible;
position: relative;
min-height:45px;
height:auto !important;
height:45px;
padding-top: 10px;
}
#sectName { /* Section name banner area. Contains at least the name of the site or site section */
margin: 0;
position: absolute;
font: bold 310% Georgia, "Times New Roman", Times, serif;
/* the following four styles should be customized for each site section */
bottom: -10px;
right: 362px;
width: 370px;
height: 50px;
z-index: 1;
background: url(/images/components/sectHd/sect_heading_placeholder.png) no-repeat;
}
/* Section vitals box. Usually contains "About Us" links and info. */
#sectVitals {
float: right;
width: 330px;
background: #D6E0F8 url(/images/components/sectHd/sect_vitals_box_top.png) left top no-repeat;
}
#sectVitals div.bd {
padding: 10px 14px 3px 14px;
font-size: 90%;
margin: 0;
}
#sectVitals div.ft {
height: 9px;
font-size: 1px;
background: url(/images/components/sectHd/sect_vitals_box_bot.png) no-repeat;
}
#sectVitals p {
margin: 0 0 .1em 0;
}
/* Divider in #mainContent
----------------------- */
#mainContent .divider {
height: 1px;
margin: 1.8em 0;
background: url(/images/lines/horiz_dot_black.png) left center repeat-x;
}
#mainContent .divider hr {
position: absolute;
left: -5000px;
height: 1px;
color: #fff;
}
/* Banner content area
------------------- */
#banner {
clear: left;
min-height: 200px;
width: 623px;
padding: 9px 0 0 9px;
/*background: transparent url(../images/content/content_bg_with_feature.png) no-repeat scroll left top;*/
}
#banner .content {
overflow: hidden;
height: 200px;
padding: 0;
width: 610px;
border: 1px solid #666;
/* border: 7px solid #FEF7E5;*/
}
/* Standard content boxes in #mainContent
-------------------------------------- */
#mainContent .box1 {
margin: 8px 0;
/*width: 332px;*/
font-size: 100%;
}
#mainContent .bd .box1 .hd {
padding: 1px 0 0;
margin: 0;
background: url(/images/components/box1/bg_lt.png) left 2px no-repeat;
/*background: #666 none repeat scroll 0;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);*/
}
#mainContent .box1 h2 {
font: bold 123% Arial, Helvetica, sans-serif;
line-height: 1.33em;
letter-spacing: normal;
font-variant: small-caps;
color: #5B4418;
margin: 0 0 0 25px;
padding: 16px 25px 9px 0;
background: url(/images/components/box1/bg_rt.png) right top no-repeat;
}
#mainContent .box1 p.prelude {
font-size: 90%;
border-bottom: 1px solid #D8DBE3;
background: #E9EFFD;
}
#mainContent .box1 .bd {
padding: 0;
margin: 0;
/*background: none;*/
background: transparent url('/images/components/box1/bg_bt_lt.png') left top no-repeat;
}
#mainContent .box1 .innerBd {
padding: 10px 25px 0 0;
margin: 0 0 0 25px;
background: transparent url('/images/components/box1/bg_bt_rt.png') right top no-repeat;
}
#mainContent .col-group-2-ab .first .box1 {
background-position: 3px 0px;
}
#mainContent .col-group-2-ab .first .box1 h2 {
padding-left: 28px;
}
/* List content, usually a menu */
#mainContent .box1 ul {
margin: 0;
padding: 0;
list-style: none;
}
#mainContent .box1 ul li {
margin: .4em 0;
padding-left: 15px;
background: url(/images/icons/bullets/square_4x4_494949.gif) 0px .6em no-repeat;
}
/* This is code to make the Research portal button */
#mainContent .box1 ul li#researchButton, #researchButton {
background: url(/images/bluefadedback_b.png) repeat-x;
background-color:#c6d3ff;
height:40px;
font-size:120%;
padding:0.5em;
border:1px solid #9ca9e0;
-moz-border-radius: 5px;
border-radius: 5px;
width:254px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-box-shadow: 1px 1px 1px #888;
box-shadow: 1px 1px 1px #888;
}
#mainContent .box1 ul li#researchButton a, #researchButton a {
color:#334691;
}
#mainContent .box1 ul li#researchButton a:hover, #researchButton a:hover {
background-color:none;
}
.researchPortalIcon{
margin-right:1em;
}
/* This is code to make the Support the Library button */
#mainContent #subContent1 #supportButton, #supportButton {
background: url(/images/bluefadedback_b.png) repeat-x;
background-color:#c6d3ff;
height: 35px;
padding-top: 1em;
font-size:120%;
border:1px solid #9ca9e0;
-moz-border-radius: 5px;
border-radius: 5px;
width:254px;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-box-shadow: 1px 1px 1px #888;
box-shadow: 1px 1px 1px #888;
}
#mainContent #subContent1 #supportButton p, #supportButton p {
margin-top:1em;
text-align:center;
}
#mainContent #subContent1 #supportButton a, #supportButton a {
color:#334691;
text-decoration:none;
}
#mainContent #subContent1 #supportButton a:hover, #supportButton a:hover {
background-color:none;
}
/* Standard content boxes in the subContent[1,2] areas
--------------------------------------------------- */
#subContent1 .box,
#subContent2 .box {
/* margin: 20px 30px 20px 16px;*/
margin: 0 30px 15px 16px;
padding-bottom: 1px;
}
#subContent1 div.first,
#subContent2 div.first {
}
#subContent1 .box .hd,
#subContent2 .box .hd {
text-align: left;
border-bottom: 3px solid #000;
}
#subContent1 .box h2,
#subContent2 .box h2 {
padding: 0 0 .5em 0;
margin: 0;
font-size: 111%;
font-weight: bold;
letter-spacing: 1px;
/*text-transform: uppercase;*/
color: #000;
}
#subContent1 .box h2 span.typoLC {
/*text-transform: lowercase;
font-family: Georgia,Times,"Times New Roman",serif;
font-style: italic;*/
}
#subContent1 .box h2 a:link,
#subContent1 .box h2 a:visited,
#subContent2 .box h2 a:link,
#subContent2 .box h2 a:visited {
color: #000;
}
#subContent1 .box h2 a:hover,
#subContent1 .box h2 a:hover,
#subContent2 .box h2 a:hover,
#subContent2 .box h2 a:hover {
text-decoration: underline;
}
#subContent1 .box .hd .utilNav a:link,
#subContent1 .box .hd .utilNav a:visited,
#subContent2 .box .hd .utilNav a:link,
#subContent2 .box .hd .utilNav a:visited {
color: #AFAAA4;
border-bottom: none;
}
#subContent1 .box .hd .utilNav a:hover,
#subContent2 .box .hd .utilNav a:hover {
color: #CACACA;
}
#subContent1 .box .hd .utilNav a img,
#subContent2 .box .hd .utilNav a img {
vertical-align: middle;
border: none;
}
#subContent1 .box .bd,
#subContent2 .box .bd {
clear: both;
/*margin: 1.23em 0;*/
margin: 1.23em 0 0 0;
padding: 0;
}
#subContent1 .box p,
#subContent1 .box ol,
#subContent1 .box ul,
#subContent1 .box dl,
#subContent1 .box .spacedList li,
#subContent2 .box p,
#subContent2 .box ol,
#subContent2 .box ul,
#subContent2 .box dl,
#subContent2 .box .spacedList li {
margin: 0 0 .5em 0;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; /* ~12px */
}
#subContent1 .box p,
#subContent1 .box ol,
#subContent1 .box ul,
#subContent1 .box dl,
#subContent1 .box .spacedList li,
#subContent2 .box p,
#subContent2 .box ol,
#subContent2 .box ul,
#subContent2 .box dl,
#subContent2 .box .spacedList li {
margin: 0 0 1.23em 0;
font-family: Georgia,"Times New Roman",Times,serif;
}
#subContent1 ol,
#subContent1 ul ol,
#subContent2 ol,
#subContent2 ul ol {
margin-left: 15px;
padding-left: 15px;
}
#subContent1 ul,
#subContent2 ul {
margin-left: 7px;
padding-left: 8px;
list-style: none;
}
#subContent1 ul ol li,
#subContent1 ol ul ol li,
#subContent2 ul ol li,
#subContent2 ol ul ol li {
padding-left: 0;
background: none;
}
#subContent1 ul li,
#subContent1 ol ul li,
#subContent2 ul li,
#subContent2 ol ul li {
padding-left: 15px;
background: url('/images/icons/bullets/square_4x4_494949.gif') 0px 0.65em no-repeat;
}
#subContent1 .spacedList .unspacedList,
#subContent2 .spacedList .unspacedList {
margin-top: 1.25em;
}
#subContent1 .spacedList .unspacedList li,
#subContent2 .spacedList .unspacedList li {
margin-top: 0;
margin-bottom: 0;
}
#subContent1 .spacedList dt,
#subContent2 .spacedList dt {
margin-top: 1.25em;
}
#subContent1 ul ul,
#subContent1 ul ol,
#subContent1 ol ul,
#subContent1 ol ol,
#subContent2 ul ul,
#subContent2 ul ol,
#subContent2 ol ul,
#subContent2 ol ol {
margin-top: 0;
margin-bottom: 0;
}
/* Section navigation in the subContent[1,2] areas
----------------------------------------------- */
#sectNav,
#subContent1 .nav,
#subContent2 .nav {
/*margin: -1.23em 28px 0 14px;
padding: 0 0 26px 0;*/
margin: 15px 28px 30px 14px;
padding: 0 0 1px 0;
}
/* nav lists that are inside of boxes */
.box #sectNav,
#subContent1 .box .nav,
#subContent2 .box .nav {
/*margin: -1.23em 0 0 0;
padding: 0 0 26px 0;*/
margin: -1.23em 0 10px 0;
padding: 0;
}
#sectNav ul,
#subContent1 .nav ul,
#subContent2 .nav ul {
/* margin: 16px 0 0 0;*/
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #C3D4FD;
}
#sectNav ul li,
#subContent1 .nav ul li,
#subContent2 .nav ul li {
padding-left: 0;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
border-bottom: 1px solid #C3D4FD;
background-image: none;
}
#sectNav a,
#subContent1 .nav a,
#subContent2 .nav a {
display: block;
padding: 0.7em 0 0.6em 7px;
text-decoration: none;
}
#sectNav a:hover,
#subContent1 .nav a:hover,
#subContent2 .nav a:hover {
background: #FEF7E5;
color: #5B4418;
}
#sectNav li.open a,
#subContent1 .nav li.open a,
#subContent2 .nav li.open a {
background: #FEF7E5;
border-bottom: 1px solid #C3D4FD;
}
#sectNav ul ul,
#subContent1 .nav ul ul,
#subContent2 .nav ul ul {
margin: 0.5em 0 0.8em 14px;
border-top: none;
}
#sectNav ul ul li,
#subContent1 .nav ul ul li,
#subContent2 .nav ul ul li {
padding: 0.2em 0 0.1em 15px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: none;
background: url(/images/icons/bullets/square_4x4_494949.gif) 0px .75em no-repeat;
}
#sectNav ul ul a,
#subContent1 .nav ul ul a,
#subContent2 .nav ul ul a {
display: inline;
padding: 0;
}
#sectNav .open ul a,
#sectNav ul ul a:hover,
#subContent1 .nav .open ul a,
#subContent1 .nav ul ul a:hover,
#subContent2 .nav .open ul a,
#subContent2 .nav ul ul a:hover {
background: none;
border: none;
}
#sectNav ul ul a:hover,
#subContent1 .nav ul ul a:hover,
#subContent2 .nav ul ul a:hover {
/* text-decoration: underline;*/
color: #000;
background: #FEF7E5;
}
#globalFt #fdlpInfo {
border-left-color:#7499CF;
clear:both;
font-weight:bold;
line-height:1.8em;
padding-top:1em;
}
#fdlpInfo p {
border-top:1px solid #648FC7;
margin:0;
padding-top:1em;
}
.floatLeft{
float:left;
}