body {
 font-family: Trebuchet MS, Arial, Helvetica, Verdana, luxi sans, sans-serif;
 font-size: 13px;
}

#maincontent {
 font-size: 13px;
 line-height: 125%;
 color: grey;
 background: white;

 display: table-cell;
 vertical-align: top;

 max-width: 100vw;
 width: 100vw;
 min-height: 550px;
 margin: 10px;
 padding: 5px 30px 15px 30px;

 border-radius: 5px;
 box-shadow: 3px 3px 10px black;
}

div.note,div.tip {
 font-size: 11px;
 line-height: 125%;
 color: grey;
 background: white;
 margin-left: 0.5in;
 margin-right: 0.5in;
}

.nothing
{
   border-collapse:collapse;
}
.nothing td
{
   border:none;
   outline:none;
}

.screen {
    font-family: monospace;
    font-size: 1em;
    display: block;
    padding: 10px;
    border: 1px solid #bbb;
    background-color: #eee;
    color: #000;
    overflow: auto;
    border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    margin: 0.5em 2em;
}

.programlisting {
    font-family: monospace;
    font-size: 1em;
    display: block;
    padding: 10px;
    border: 1px solid #bbb;
    background-color: #ddd;
    color: #000;
    overflow: auto;
    border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    margin: 0.5em 2em;
}

.caution, .warning {
    border: 1px solid #f00;
}

div#copyright p {
    background-color: #ddd;
}

table#copyright {
 font-size: 10px;
}

h1 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 18px;
}

h2 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 15px;
	font-weight: bold;
}

h3 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 14px;
	font-weight: bold;
}

h4 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 14px;
	font-weight: normal;
}

h5 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 13px;
	font-weight: normal;
}

pre {
	padding: 5px;
	max-width: 90vw;
	overflow-x: auto;
}

img {
	max-width: 95vw;
}

kbd {
	padding: 5px;
}

a:visited, a:link {text-decoration:none; color:rgb(100,100,200);}

ul {
	padding-left: 20px;
}

li {
	padding-left: 5px;
}

ul.TOCl0,ul.TOCl1,ul.TOCl3,ul.TOCl4 {
  list-style-type: none;
}

ul.TOCl2 {
  list-style-type: circle;
}

ol.TOCl0 {
  list-style-type: upper-roman;
}

.toc dl {
  margin-top:0.2em;
  margin-bottom:0.3em;
}

span.smallsup {
  font-size: 0.5em;
  vertical-align: super;
}

span.unsupported {
  font-style: italic;
  font-size: 0.9em;
  color: #CC0000;
}

span.doclicense {
  font-size: 0.8em;
}

thead {
  font-family: sans-serif;
  font-weight: bold;
}

tfoot {
  font-weight: bold;
}

.navheader hr, .navfooter hr, .BOOK hr {
  margin: 5px 0;
  height: 0px;
  background-color: #666;
}

.legalnotice-title, .navheader tr:first-child th {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 13px;
	padding: 3px 3px 8px 3px;

	text-align:right;
	background: #ebebeb;
	border-radius: 4px;
	border-width: 0px;
}

.navheader tr:nth-child(2) th {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 13px;
	padding: 3px 3px 8px 3px;
}

.navheader td {
	padding-top: 5px;
	font-size: 11px;
}

.navfooter td {
	font-size: 11px;
}

div.article {
    border-top-style: double;
}

div.navfooter {
	margin-bottom: 10px;
}

p.indent {
  padding-left:   1em;
  padding-right:  1em;
}

div.compact ul, div.compact ol,
div.compact p, div.compact p,
div.compact div, div.compact div {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

h1.TITLE {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 18px;
}

.SECT1 h1, .CHAPTER h1 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 16px;
}

.SECT1 h2, .CHAPTER h2 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 15px;
	font-weight: bold;
}

.SECT1 h3, .CHAPTER h3{
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 14px;
}

.SECT1 h4, .CHAPTER h4 {
	color: darkblue;
	text-shadow:2px 1px 2px grey;
	font-size: 13px;
	font-weight: normal;
}

.SECT1 table, .CHAPTER table, .SECT1 th, .CHAPTER  th, .SECT1 td, .CHAPTER td {
	font-size: 12px;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
	color: grey;
}

.PROGRAMLISTING {
	color: black;
}

.SECT1 li, .CHAPTER li {
	padding-bottom: 0px;
}

@media only screen
and (max-device-height : 812px)
and (max-device-width : 1024px)
{
  #maincontent {
    margin: 0px;
    padding: 0px;

    border-radius: 0px;
    box-shadow: none;
  }

  pre {
    padding: 2px;
    max-width: 85vw;
    overflow-x: auto;
  }

  div.note,div.tip {
    margin-left: 5px;
    margin-right: 5px;
  }

  ol.orderedlist {
    padding-left: 25px;
  }

  ol.orderedlist.compact {
    padding-left: 5px;
  }

  pre.screen {
    font-size: 0.8em;
    margin-left: 5px;    
    margin-right: 5px;    
  }

  dt {
    padding: 4px 0px;
  }

  li pre.screen  {
    float: right;
    margin: 0;
    margin-right: 25px;
  }
}

@media only screen
and (min-device-width: 812px)
{
  div.desktop {
    display : block !important;
    width : auto !important;
    overflow : visible !important;
    float : none !important;
    max-height: none !important;
    line-height: 100% !important;
    font-size: 13px !important;
  }
}

/* From http://infohost.nmt.edu/tcc/docbook5.css */
/*================================================================
 * Inline elements, sorted by class.
 */
span.application
{   font-family: sans-serif;
    font-style: italic;
}
span.colophon-uri
{   font-family: monospace;
    font-size: xx-small;
}
span.guibutton, span.guiicon, span.guilabel, span.guimenu
{   font-family: sans-serif;
    font-style: italic;
    font-weight: bold;
    color: #238b22;    /* Forest green */
}
span.guisubmenu
{   font-family: sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #238b22;    /* Forest green */
}
span.guimenuitem
{   font-family: sans-serif;
    font-style: italic;
    font-weight: normal;
    color: #238b22;    /* Forest green */
}
span.keysym
{ font-variant: small-caps;
}
span.term
{   font-weight: bold;
}