/* Limit page to 40-70 em-spaces wide */
body {
        width: 100%;
        min-width: 40em;
        max-width: 70em;
        margin: auto;
        border: none;
}

/* No boxes around clickable images; vertical centering on the image */
img {
        border: 0px solid gray;
        vertical-align: middle;
}

.features dt {
  font-style: italic;
  font-size: 1em;
  font-weight: normal;
  margin-left: 1em;
  margin-bottom: 0.2em;
  padding-left: 0;
  /* display: run-in; */
}
.features dd {
  margin-left: 1em;
  padding-left: 0;
}



/* Generic icons for download types */
a[href$='.exe'], a.windows {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/logo_win_19x17.png)
                center left no-repeat;
}
a[href$='.dmg'], a.apple {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/logo_apple_19x20.jpg)
                center left no-repeat;
}
a.linux {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/logo_linux_19x19.gif)
                center left no-repeat;
}
a[href$='.pdf'] {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/logo_pdf_19x19.png)
                center left no-repeat;
}
a[href$='.doc'] {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:20px;
        min-height:18px;
        overflow: visible;
        background:transparent url(images/logo_doc_18x18.png)
                center left no-repeat;
}
a[href$='.py'] {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:20px;
        overflow: visible;
        background:transparent url(images/logo_python_19x19.png)
                center left no-repeat;
}
a.source {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/logo_python_19x19.png)
                center left no-repeat;
}


/* Reflectometry specific icons */
a.ksreflicon {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/ksrefl.png) center left no-repeat;
}

a.direflicon {
        display:inline-block;
        vertical-align: top;
        text-indent: 0;
        padding-left:21px;
        min-height:19px;
        overflow: visible;
        background:transparent url(images/direfl.png) center left no-repeat;
}

/* Use main container to introduce the page margin and draw border */
#mainContainer {
        margin: 1em;
        border: 1px solid gray;
}

/* Suppress titles and menus that exceed the page width */
#pageHeader, #menuItem, #footer {
        white-space: nowrap;
        overflow: hidden;
}

/* Custom reflectometry banner */
#pageHeader {
	background:transparent url(images/ripple.jpg) repeat top left;
}

#docsList p {
	margin-left: 2em;
	text-indent: -1em;
}

/* === BEGIN figure.css === */
/* Figures with captions:

Usage:
  <div class="figure %{size} %{side}" style="max-width: %{width}px;">
    <img src="..." />
    <p>caption</p>
  </div>

where:
  %{size} is fifth, quarter, third, half or full
     Size is the portion of the screen the image should occupy.  Leave it out
     if the image width should be used.
  %{side} is right or left
     Side is the position on the screen the image should occupy.  Leave it out
     if the image should stay in the middle.  The image is 'inline', with
     text wrapping around it if side is specified, otherwise it is separate.
  %{width} is the image width in pixels
     Limit the size of the image to its resolution.  If max-width is not
     given, then the image scales arbitrarily.  Because browsers do a bad
     job of scaling images, max-width should be given.  Certain kinds of
     images (e.g., plots and screenshots) will do better if they are
     fixed size, and neither expanded nor shrunk.  You can provide a
     "min-width: %{width}px;" in the style as well to keep the image
     from getting too small.

For more detail, see the original discussion and code at:

	http://rjohara.net/server/css-figures-captions/

Code: Copyright (C) 1995-2008 Dr. Robert J. OÕHara
Documentation: Public Domain
*/

div.figure {
	padding: 10px;
	margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
	border: thin solid silver;
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
 	font-family: verdana, arial, sans-serif;
        font-size: smaller;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.1;
	margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }
/* === END figure.css === */