/*
 * This file violates Don't Repeat Yourself rule - It is copied from kdebase's kio_man ioslave.
 * What we should do is to combine the two and create a KIO template since info:/ could probably
 * benefit from this as well. -- mpyne
 */

/*for the list of one manpage section*/
.secidxshort {
  display:block;
  position:absolute;overflow:auto;
  top:0px;bottom:95%;left:0;right:0;
}
.secidxmain {
/*misfortunately accessing anchors in a scrollview
  doesn't seem to work yet with konqi, so:*/
/*
  position:absolute;overflow:auto;
  top:5%;bottom:0;left:0;right:0;
*/
}
.secidxnextletter {
  font-size:larger;
	border-bottom:1px solid black;
	text-align:center;
}

/* Stylesheet to use for generated HTML output if we're actually displaying
 * a man page.
 * CSS adapted from that used on www.kde.org for similar appearance.
 */
body {
    /* If you specify a background color you should also specify a regular color */
    background-color: white;
    color: black;
    padding: 0px;
}

#header {
    width: 100%;
    color: #535353;
    background: #eeeeee;
    border-bottom: #bcbcbc 1px solid;
}

#header_top {
    margin: 0 auto;
    padding: 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    color: #ffffff;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #0057ae;
}

/*
 * The header_top div div stuff seems to automatically setup the images but
 * I'm not sure that it's actually any better than just manually creating a
 * sequences of non-nested divs and setting an image that way.
 */
#header_top div {
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#header_top div div {
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    font-size: 1.7em;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*
 * If the generated HTML does not use an <img> tag in the div div header
 * sequence then the text will be aligned wrong due to the missing margin
 * provided by the image.
 */
#header_top div div img {
    margin:8px 0px 9px 18px;
    vertical-align: middle;
}

#header_bottom {
    margin: 0 auto;
    padding: 0.1em 0em 0.3em 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    text-align: right;
    background: #eeeeee;
}

/* Used for the text and footer area at the bottom. */
#footer {
    width: 100%;
    background-color: #eeeeee;
    padding-top: 12pt;
    padding-bottom: 12pt;
    border-top: #bcbcbc 1px solid;
    margin-top: 12pt;
}

#footer_text {
    text-align:center;
    vertical-align: middle;
}
/*
 * This file violates Don't Repeat Yourself rule - It is copied from kdebase's kio_man ioslave.
 * What we should do is to combine the two and create a KIO template since info:/ could probably
 * benefit from this as well. -- mpyne
 */

/*for the list of one manpage section*/
.secidxshort {
  display:block;
  position:absolute;overflow:auto;
  top:0px;bottom:95%;left:0;right:0;
}
.secidxmain {
/*misfortunately accessing anchors in a scrollview
  doesn't seem to work yet with konqi, so:*/
/*
  position:absolute;overflow:auto;
  top:5%;bottom:0;left:0;right:0;
*/
}
.secidxnextletter {
  font-size:larger;
	border-bottom:1px solid black;
	text-align:center;
}

/* Stylesheet to use for generated HTML output if we're actually displaying
 * a man page.
 * CSS adapted from that used on www.kde.org for similar appearance.
 */
body {
    /* If you specify a background color you should also specify a regular color */
    background-color: white;
    color: black;
    padding: 0px;
}

#header {
    width: 100%;
    color: #535353;
    background: #eeeeee;
    border-bottom: #bcbcbc 1px solid;
}

#header_top {
    margin: 0 auto;
    padding: 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    color: #ffffff;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #0057ae;
}

/*
 * The header_top div div stuff seems to automatically setup the images but
 * I'm not sure that it's actually any better than just manually creating a
 * sequences of non-nested divs and setting an image that way.
 */
#header_top div {
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#header_top div div {
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    font-size: 1.7em;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*
 * If the generated HTML does not use an <img> tag in the div div header
 * sequence then the text will be aligned wrong due to the missing margin
 * provided by the image.
 */
#header_top div div img {
    margin:8px 0px 9px 18px;
    vertical-align: middle;
}

#header_bottom {
    margin: 0 auto;
    padding: 0.1em 0em 0.3em 0;
    width: 60em;
    min-width: 770px;
    max-width: 45em;
    vertical-align: middle;
    text-align: right;
    background: #eeeeee;
}

/* Used for the text and footer area at the bottom. */
#footer {
    width: 100%;
    background-color: #eeeeee;
    padding-top: 12pt;
    padding-bottom: 12pt;
    border-top: #bcbcbc 1px solid;
    margin-top: 12pt;
}

#footer_text {
    text-align:center;
    vertical-align: middle;
}
