html {
height: 100%;
margin-bottom: 1px;
}
body {
font-family: sans-serif;
padding: 20px;
margin: 0;
color: #444;
background-color: #eae4d9;
}
#container {
position: relative;
margin: 0 auto 20px auto;
max-width: 1000px;
padding: 0;
line-height: 160%;
/* background: url('../images/layout/containerLeft.png') scroll repeat-y left top;*/
background-color: #fff;
border: 1px solid #c8c3b9;
}
#container2 {
/* background: url('../images/layout/containerRight.png') scroll repeat-y right top; */
}
/*
#container3 {
background: url('../images/layout/containerTop.png') scroll repeat-x left top;
}
#container4 {
background: url('../images/layout/containerBottom.png') scroll repeat-x left bottom;
padding: 10px;
}
*/
#gs_banner {
background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top;
padding: 10px 20px 30px 20px;
min-height: 80px;
max-height: 110px;
position: relative;
}
#gs_content {
padding: 1em;
min-height: 300px;
/* background-color: #ff0; */
}
#rightSidebar {
border: 1px solid #cdc;
padding: 10px;
width: 25%;
min-width: 180px;
float: right;
margin: 0 0 10px 20px;
/* background-color: #f0f; */
}
#quickSearch {
}
#collectionLinks {
position: relative;
}
.collectionLink {
display: block;
width: 140px;
height: 100px;
float: left;
border: 1px solid #888;
margin: 0 20px 20px 0;
font-size: 150%;
color: #444;
text-decoration: none;
background: url(../images/collectionIconStripe.gif) scroll no-repeat 0 0;
padding: 20px;
}
collectionLinkImage {
float: left;
}
#gs_footer {
position: relative;
display: block;
height: 30px;
background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top;
margin: 0 auto;
text-align: center;
vertical-align: middle;
font-size: 70%;
color: #fff;
}
/* some text should not be rendered as it is just there for search engines */
#collectionLinks a b {
display: none;
}
/* make sure h1s and h2s are readable on the green banner */
#breadcrumbs, #gs_banner h2, #breadcrumbs a, #gs_banner h2 a {
color: #fff;
}
body.dAction #gs_banner h2 {
max-width: 600px;
font-size: 100%;
}
#breadcrumbs {
margin: 0 0 10px 0;
height: 30px;
line-height: 30px;
}
#gs_banner h2 {
margin: 0 0 10px 1em;
}
/* css to make the tabs work */
#nav {
position: absolute;
width: auto;
bottom: 0;
right: 0;
list-style: none;
margin:0;
padding: 0 15px 0 0;
font-size: 14px;
}
#nav li {
float: right;
color: #fff;
background: transparent url('../images/tab-right.png') scroll no-repeat 100% -100px;
margin: 0 5px 0 0;
padding: 0 8px 0 0;
}
#nav a {
display: block;
float: left;
background: transparent url('../images/tab-left.png') no-repeat scroll 0 -100px;
margin:0;
padding: 5px 4px 3px 10px;
font-weight: normal;
color: #fff;
text-decoration: none;
line-height: 1;
}
#nav li:hover, #nav li.current { background-position: 100% 0; }
#nav li:hover a, #nav li.current a { background-position: 0 0; cursor:default; }
/* css to make the page links work (home, help, preference) */
#bannerLinks {
width: auto;
position: absolute;
list-style: none;
margin:0;
top: 15px;
right: 0;
padding: 0 15px 0 0;
text-transform: lowercase;
}
#bannerLinks li {
float: right;
margin: 0;
background: transparent url('../images/tab-right.gif') no-repeat scroll 100% -50px;
padding: 0 2px 0 0;
}
#bannerLinks a {
display: block;
float: left;
display: table-cell;
min-width: 1em;
margin:0;
padding: 5px 5px 3px 10px;
font-weight: normal;
text-align: center;
color: #fff;
text-decoration: none;
line-height: 1;
}
#bannerLinks li.current a {
cursor: default;
}
#bannerLinks li:hover, #bannerLinks li.current { background-position: 100% 0; }
#bannerLinks li.current a { text-decoration: underline; background-position: 0 0;}
#bannerLinks img.spacer { display: table-cell; }
/* css to make the classifier list pretty */
.navList {
margin: 0 0 10px 0;
padding: 0;
background-color: #0a0;
}
.navList ul {
margin: 0;
padding: 0;
list-style: none;
}
.navList li {
float: left;
margin: 0 0 0 20px;
cursor: pointer;
color: #fff;
}
.navList li a, .navList li span {
padding: 0 1em;
display: block;
text-decoration: none;
color: #fff;
}
.navList li.current {
background-color: #efea6e;
color: #444;
cursor: default;
}
.navList li.current a, .navList li.current span {
color: #444;
cursor: default;
}
/* style the search and classifier results */
#results {
margin: 0;
padding: 0;
/* border: 1px solid #f00; */
}
#results ul {
margin: 0 0 0 20px;
padding: 0;
}
#results li {
list-style: none;
margin: 0 0 .2em 0;
/* border: 1px solid #00f; */
}
#results li a {
padding: 3px 3px 3px 28px;
background-repeat: no-repeat;
background-position: 0 .1em;
}
#results .document a { background-image: url('../images/book.png'); }
#results .document a:visited { background-image: url('../images/book-visited.png'); color: #999; }
#results .shelf>a { background-image: url('../images/bookshelf.png'); }
/* corners of the banner */
/*
.corner {
position: absolute;
background-image: url('../images/layout/corners.png');
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
#cornerTopLeft {
left: 0; top: 0;
background-position: 0 0;
}
#cornerTopRight {
right: 0; top: 0;
background-position: -20px 0;
}
#cornerBottomLeft {
left: 0; bottom: 0;
background-position: 0 -20px;
}
#cornerBottomRight {
right: 0; bottom: 0;
background-position: -20px -20px;
}
*/
.clear {
clear: both;
}
a:link, a:hover, a:active, a:visited { color: #050; }
/*
ul li>select, ul li>input {
padding: 0;
margin-left:5px;
}
div#banner ul, ul#resultlist, ul#tocnodes, ul#docbuttons, ul.tocnode, ul#bannerlist, ul#navbarlist, ul#collectionlist, ul#servicelist, ul#classifierlist, ul#classifiernodelist, ul#queryitemlist{
list-style-type:none;
margin:0;
padding:0;
}
div#banner ul li, ul#bannerlist li, ul#navbarlist li {
display: inline;
margin:0;
padding:0;
}
div#banner p {
margin:0;
padding: 0;
float:left;
font-size: 16px;
text-align: left;
overflow:hidden
}
div#banner p a {
background-image: url('../images/banner_bg.png');
background-repeat: repeat-y;
}
div#banner ul{
margin:0;
padding:0;
float:right;
font-size: 12px;
}
div#banner a{
text-decoration: none;
color:#000000;
}
ul#bannerlist li a {
padding: 0 10px 0 10px;
text-decoration: none;
}
ul#bannerlist li a:link, ul#bannerlist li a:visited
{
background-color: #DEE79C;
background-image: url('../images/bg_off.png');
text-decoration: none
}
ul#bannerlist li a:hover{
background-color: #FFFF66;
background-image: url('../images/bg_on.png') ;
text-decoration: none
}
div#navbar{
clear:both;
}
ul#navbarlist{
margin:0;
padding:0;
list-style-type: none;
text-align:center;
width: 100%;
font-size: 80%;
background-image: url('../images/bg_green.png');
background-color: #99CC99
}
ul#navbarlist li a {
padding: 0 20px 0 20px;
margin: 0;
color: #000000;
text-decoration: none;
}
ul#navbarlist li a:link, ul#navbarlist li a:visited{
background-image: url('../images/bg_off.png') ;
}
ul#navbarlist li a:hover{
background-image: url('../images/bg_on.png') ;
}
ul#collectionlist li, ul#servicelist li{
display:block;
padding:0;
margin: .2em 0 0 0;
overflow:hidden;
}
ul#collectionlist img{
margin:0;
padding:0;
width: 150px;
height: 45px;
border: 1px solid black;
background-image: url('../images/collectimg_bg.png');
background-repeat: repeat-y;
overflow:hidden
}
ul#collectionlist li a.noimage{
display: block;
margin:0;
width: 145px;
height: 40px;
border: 1px solid black;
background-image: url('../images/collectimg_bg.png');
background-repeat: repeat-y;
overflow:hidden; padding-left:5px; padding-right:0; padding-top:5px; padding-bottom:0
}
ul#collectionlist li a{
font-size: 16px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
ul#servicelist li a{
margin:0 .5em 0 0;
}
ul#queryitemlist li{
display:block;
margin: .2em 0 .2em 0;
}
ul#classifierlist li{
list-style: none;
margin: 0 0 5px 0;
padding: 0;
display: block;
color:#000;
}
ul#classifierlist li#activeclassifier{
font-weight:bold;
padding: 0 0 0 5px;
margin:0 0 5px 0;
}
ul#classifierlist li a:link, ul#classifierlist li a:visited
{
display:block;
margin:0;
background-image: url('../images/bg_off.png');
text-decoration: none;
color:#000;
width:100%; padding-left:5px; padding-right:0; padding-top:2px; padding-bottom:2px
}
ul#classifierlist li a:hover, ul#classifierlist li a:active
{
display:block;
margin:0;
background-image: url('../images/bg_on.png');
text-decoration: none; padding-left:5px; padding-right:0; padding-top:2px; padding-bottom:2px
}
ul#classifierlist{
float:left;
font-size: 14px;
text-align: left;
width: 15%;
margin:0;
padding:0;
}
div#classifiers{
float:left;
width: 75%;
margin:0;
padding:0 0 0 10px;
}
ul#classifiernodelist li{
list-style: none;
margin: 0;
padding: 5px 0 0 0;
display: block;
}
ul.childrenlist{
margin: 0 0 0 0;
padding: 0 0 0 20px;
display: block;
width: 100%;
}
div#content{
clear: both;
overflow: hidden;
margin: .2em 0 0 0;
}
/* bg image set in style macro */
div.divbar {
clear: both;
background-image: url('../images/bg_green.png');
width: 100%;
text-align: center;
font-size:80%
}
/** query form style**/
div#queryform{
}
/** search result style */
div#terminfo{
}
div#matchdocs{
}
div.resultnavigation{
margin: 0;
padding:0;
}
ul#resultlist li{
display:block;
}
div#documentheading{
font-size: 16pt;
font-weight: bold;
}
div#documentinfo {
float:left;
padding:0;
margin:0;
width:24%;
}
div#toc{
float:left;
text-align:left;
width:60%;
padding:0;
margin:0;
}
ul#docbuttons li {
display: block;
font-size: 11px;
font-weight: bold;
background: #f7e7c5;
margin: 1px;
border: 1px solid #eeddbb;
text-align: center;
vertical-align: middle;
height: 30px; /* IE6 and NS4 treat width/height as min-width/min-height */
width: 110px;
}
ul#tocnodes li{
margin: 0;
padding: 5px 0 0 0;
display:block;
}
ul.tocnode {
margin:0;
padding:5px 0 0 20px;
}
ul.tocnode a{
margin: 0;
padding:0 5px 0 0;
}
span.bold{
font-weight: bold;
}
div.documentarrows{
margin: 0 0 0 0;
padding: 1em 0 0 0;
}
img.lessarrow{
float:left;
border: none;
}
img.morearrow{
float:right;
border:none;
}
div.formheading{
font-size: 16pt;
font-weight: bold;
margin: .5em 0 0;
padding:0;
}
ul#presprefs li, ul#berrybasketprefs li, ul#searchprefs li{
display: block;
}
div.phrasebrowse{
text-align:center;
padding:0;
margin: .5em 0 .5em 0;
}
div.QuickSearch {
float: right;
}
#coverImage {
text-align: center;
}
/* ----- TABLE OF CONTENTS ------ */
#tableOfContents {
margin: 0;
padding: 0;
font-size: 80%;
}
#tableOfContents li {
list-style: none;
margin: 0;
padding: 2px;
background-color: #fff;
}
#tableOfContents li a {
color: #444;
}
#tableOfContents li.current {
background-color: #090;
}
#tableOfContents li.current a {
color: #fff;
}
#tableOfContents li.current li {
background-color: #fff;
}
#tableOfContents li.current li a {
color: #444;
}
#tableOfContents ul {
padding: 0 0 0 20px;
}
/* -------- SEARCH ------- */
.paramLabel {
float: left;
min-width: 250px;
}
.paramValue {
float: left;
}
table{
border-collapse:collapse;border-spacing:0;
}