/*
 * Global settings.
 */

body { font-family: arial, sans-serif; }

a {
    color: #4186cb;
    text-decoration: none;
}

a:visited { color: #4186cb; }


/*
 * Configure the contents.
 */

.contents {
    padding: 15px;
    width: 100%;
}

.contents p {
    padding: 0.5em 0 0.8em 0;
    line-height: 1.3em;
}

.contents h2 {
    padding: 0.5em 0 0 0;
}

.contents li { padding: 0 0 0.5em 0; }

.newsheading { padding: 0 0 0.8em 0; }

.newsitem h2 { font-size: medium; }

.download {
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 85%;
}

.download td {
    border: 1px solid black;
    padding: 10px;
}

#toolbar { padding: 15px 0; }


/*
 * Configure the main body.
 */

.main_body {
    padding: 0 15px 0 0;
    vertical-align: top;
    width: 100%;
}


/*
 * Configure the page header.
 */

#header_left { float: left; }
#header_right { float: right; }
#login_logout { text-align: right; font-size: small; padding-top: 1em; }


/*
 * Configure the page footer.
 */

.footer { text-align: center; font-size: x-small; }
.footer_detail { font-size: xx-small; }


/*
 * Configure the side bar and possible contents.
 */

.sidebar { vertical-align: top; font-size: small; color: white; }
.urllist p { padding: 0.5em 0 0 0; }


/*
 * The following handles panels with rounded corners and drop shadows.
 */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(panel.png) no-repeat bottom right;
    padding: 0;
}
.cssbox {
    width: 200px !important; /* intended total box width - padding-right(next) */
    width: 185px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
    text-align: center;
    font-size: medium;
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 20px 0 1px 25px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 15px; /* interior-padding right */
    padding: 1px 0 25px 25px; /* mirror .cssbox_head right/left */
}
.cssbox_body a { color: #ffffff; }
.cssbox_body a:visited { color: #ffffff; }


/*
 * The following ensures the footer stays at the bottom of the page or the
 * browser window whichever is the taller.
 */

* { margin: 0; }

html, body { height: 100%; }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -5.5em;
}

.footer, .push { height: 5.5em; }


/*
 * These are for the ReST rendering.
 */

pre.literal-block {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
    background-color: #eeeeee;
}