source: main/branches/64_bit_Greenstone/greenstone3/web/interfaces/oran/style/core.css@ 24007

html {
    height: 100%;
    margin-bottom: 1px;
}
body {
    font-family: sans-serif;
    padding: 20px;
    margin: 0;
    color: #444;
    background-color: #eae4d9;
}

h3 {
    margin-top:2px;
    margin-bottom:2px;
}

p {
    margin-top:0px;
    margin-bottom:0.75em;
}

.sectionHeader {
    margin-top:0px;
    margin-bottom:0px;
}

.headerTD {
    vertical-align: middle;
}

/* Styles for the different depths */
.sectionHeaderDepthTitle{
    font-size:1.8em;
    line-height:1em;
    font-weight:bold;
}

.sectionHeaderDepth1{
    font-size:1.6em;
    line-height:1em;
    font-weight:bold;
}

.sectionHeaderDepth2{
    font-size:1.4em;
    line-height:1em;
    font-weight:bold;
    font-style:italic;
}

.sectionHeaderDepth3{
    font-size:1.2em;
    line-height:1em;
    font-style:italic;
}

.sectionHeaderDepth4{
    font-size:1em;
    line-height:1em;
    font-weight:italic;
}

.sectionNumberSpan{
    /*Uncomment this line to disable automatic section numbering*/
    /*display:none;*/
}

.sectionContainer{
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1.5em;
}

.icon{
    background-repeat: no-repeat;
    height:16px;
    width:16px;
    cursor:pointer;
}

.toggleImageExpand {
    background-image: url('../images/expand.png');
    background-position: 2px 2px;
}

.toggleImageCollapse {
    background-image: url('../images/collapse.png');
    background-position: 2px 2px;
}

.toggleImagePage {
    background-image: url('../images/page.png');
    background-position: 2px 2px;
}

.toggleImageChapter {
    background-image: url('../images/chapter.png');
}

.realisticBookIcon {
    background-repeat: no-repeat;
    background-image: url('../images/rbook.png');
    height: 32px;
    width: 32px;
}

.backToTop {
    font-size:0.7em;
    padding-left: 2em;
    text-align:center;
}

#container {
    position: relative;
    margin: 0 auto 20px auto;
    max-width: 1000px;
    padding: 0;
    line-height: 120%;
    background-color: #fff;
    border: 1px solid #c8c3b9;
}

#gs_banner {
    /*background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top;*/
    background-color: #008800;
    padding: 10px 20px 30px 20px;
    min-height: 80px;
    position: relative;
}

#gs_content {
    padding: 1em;
    padding-right: 2em;
    min-height: 300px;
    /* background-color: #ff0; */
}

.termList {
    font-size:12px;
    line-height:14px;
}

.noTermHighlight{

}

.termHighlight{
    background:yellow;
}

.viewOptions {
    width: 100%;
    text-align:center;
    background:#008800;
}

.viewOptions td {
    padding-top:4px;
    padding-bottom:4px;
}

.viewOptions a:link, .viewOptions a:hover, .viewOptions a:active, .viewOptions a:visited {
    color:white;
    text-decoration:none;
}

#rightSidebar {
    border: 1px solid #cdc;
    width: 25%;
    min-width: 180px;
    float: right;
    margin: 0 0 10px 20px;
    /* background-color: #f0f; */
}

#contentsArea {
    padding:10px;
}

#quickSearch {
}


#collectionLinks {
    position: relative;
}

.collectionLink {
    display: block;
    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;
}

#titlearea {
    padding-left: 1em;
    padding-right: 1em;
    height:60px;
    background-color: #007200;
    width:40%;
}

#titlesearchcontainer {
    width:100%;
    margin: 5px 0 5px;
}

#quicksearcharea {
    width:60%;
    text-align:right;
    padding: 0.4em;
    color:white;
    background-color:#007200;
}

#quicksearcharea table{
    font-size:10px; 
    margin:0; 
    float: right;
}

#quicksearcharea a{
    font-size: 11px;
    color:white; 
    text-transform:lowercase;
    padding-left:10px; 
}

#breadcrumbs {
    /*margin: 0 0 10px 0;*/
    height: 25px;
    line-height: 15px;
}

/* css to make the tabs work */
#nav {
    position:absolute;
    width: auto;
    bottom: 0;
    left: 0;
    list-style: none;
    margin:0;
    padding: 0 0 0 20px;
    font-size: 14px;
}

#nav li {
    float: left;
    color: #fff;
    background: transparent url('../images/tab-right.png') scroll no-repeat 100% -100px;
    margin: 0 5px 0 0;
    padding: 0 8px 0 0;
    text-transform: capitalize;
}

#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: bold;
    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: 7px;
    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 {
    line-height: 160%;
    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: 70%;
}

#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 0;
}

#tableOfContents ul ul{
    padding: 0 0 0 0;
}

#tableOfContents ul ul ul{
    padding: 0 0 0 16px;
}

/* -------- SEARCH ------- */
.paramLabel {
    float: left;
    min-width: 250px;
}
.paramValue {
    float: left;
}


table{
    border-collapse:collapse;
    border-spacing:0;
}