body {
  width: 750px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background: url("./../../COMMON/IMG/BACKGROUND.JPG");
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}

#container {
  background-color: rgba(255, 255, 255, 0.85);
}

#header {
  display: block;
  width: 100%;
  height: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-width: 1px;
  border-style: none none solid none;
  margin-top: 0px;
}

#header #logo {
  width: 50px;
  float: left;
}

.tpopened {
  background: -webkit-gradient(linear, right top, left bottom, from(#FFFFFF), to(#888888));
  background: -webkit-linear-gradient(right, #FFFFFF, #888888);
  background:    -moz-linear-gradient(right, #FFFFFF, #888888);
  background:     -ms-linear-gradient(right, #FFFFFF, #888888);
  background:      -o-linear-gradient(right, #FFFFFF, #888888);
  background:         linear-gradient(right, #FFFFFF, #888888);
  filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#888888, endColorstr=#FFFFFF);
}

#header #logoimage {
  width: 50px;
  border-style: none;
}

#header #title {
  width: 700px;
  height: 25px;
  float: left;
}

#header #slogan {
  font-size: 110%;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
  text-align: center;
}

#header #megamenu {
  margin-top: 7px;
  margin-right: 0px;
  margin-bottom: 0px; 
  margin-left: 8px; 
  padding-left: 0px;
}

#main {
  min-height: 400px;
  margin-top: 30px;
  margin-right: 50px;
  margin-bottom: 30px;
  margin-left: 50px;
}

#socialnetwork {
  height: 20px;
  margin-top: 0px;
  margin-left: 50px;
  text-align: left;
  float: left;
}

#socialnetwork div {
  float: left;
  margin-right: 3px;
}

#lastmodified {
  height: 20px;
  padding-top: 8px;
  text-indent: 0em;
  color: gray;
  font-size: 75%;
  text-align: right;
}

#footer {
  font-size: 75%;
  text-align: center;
  margin-top: 0px;
  border-style: solid none none none;
  border-width: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(255, 255, 255, 0);
}

#main h1 {
  font-size: 110%;
}

#main h2 {
  font-size: 90%;
}

#main h3 {
  font-size: 80%;
  color: #222222;
}

#main p {
  text-indent: 1.0em;
  line-height: 150%;
}

#main p.vcenter {
  text-indent: 0em;
  padding-top: 145px;
  line-height: 100%;
}

#main p.annotation {
  text-indent: 0px;
  line-height: 100%;
  color: gray;
  font-size: 60%;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

#main pre {
  font-family: "Consolas", "Courier New", monospace;
  font-size: 90%;
  overflow: auto;
}

#main pre.list {
  margin-left: 1.5em;
}

#main pre.cmd {
  margin-left: 2.0em;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
}

#main pre.source {
  margin-left: 2.0em;
  font-size: 110%;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
}

#main pre.license {
  margin-left: 2.0em;
  font-size: 90%;
  color: gray;
}

#main dl dt {
  margin-left: 2.0em;
  line-height: 2.0em;
  font-size: 95%;
  font-weight: bold;
}

#main dl dd {
  margin-left: 4.0em;
  margin-right: 4.0em;
  font-size: 95%;
  margin-bottom: 10px;
}

#main dd dl {
  margin-left: 0em;
  margin-top: 0px;
  margin-bottom: 0px;
}

#main dd dl dt {
  margin-left: 0em;
}

#main dd dl dd {
  margin-left: 2.0em;
  margin-right: 2.0em;
  margin-top: 0px;
  margin-bottom: 10px;
}

#main dd ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
}

#main dl.cmdlist {
  font-size: 90%;
  margin-left: 1em;
}

#main dl.cmdlist dt {
  width: 180px;
  line-height: 20px;
  margin-left: 0em;
  float: left;
  font-size: 100%;
  clear: both;
}

#main dl.cmdlist dd {
  width: auto;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 180px;
}

#main dl.cmdlist2 {
  font-size: 90%;
  margin-left: 1em;
}

#main dl.cmdlist2 dt {
  width: 50px;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  font-size: 100%;
  clear: both;
}

#main dl.cmdlist2 dd {
  width: auto;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 60px;
}

#main dl.cmdlist3 {
  font-size: 90%;
  margin-left: 1em;
}

#main dl.cmdlist3 dt {
  width: 90px;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  font-size: 100%;
  clear: both;
}

#main dl.cmdlist3 dd {
  width: auto;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 100px;
}

#main dl.list {
  font-size: 90%;
  margin-left: 1.5em;
}

#main dl.list dt {
  width: 140px;
  line-height: 20px;
  margin-left: 0em;
  float: left;
  font-size: 100%;
  clear: both;
}

#main dl.list dd {
  width: auto;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 140px;
}

#main div.center {
  text-align: center;
}

#main div.vspace {
  height: 20px;
}

#main div.annotation {
  color: gray;
  font-size: 60%;
  text-align: right;
}

#main div.bookitem {
  width: 612px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-left: 8px;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 10px;
  background-color: #C0C0C0;
  border: 1px dotted #000000;
}

#main div.bookitem img {
  max-width: 150px;
  float: left;
}

#main div.bookitem dl {
  margin-left: 150px;
  margin-top: 0px;
  width: 458px;
}

#main div.bookitem dl dt {
  width: 55px;
  line-height: 30px;
  margin-left: 10px;
  float: left;
  font-size: 100%;
}

#main div.bookitem dl dd {
  width: auto;
  line-height: 30px;
  margin-bottom: 0px;
  margin-left: 65px;
  margin-right: 0px;
}

#main div.bookitem p {
  margin-left: 160px;
  margin-bottom: 0px;
}

#main img {
  max-width: 610px;
}

#main img.paragraphstart {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

#main img.floatleft {
  float: left;
}

#main ul.tableofcontents {
  list-style: none;
  font-weight: bold;
  font-size: 90%;
  margin-bottom: 25px;
}

#main ul.tableofcontents > li {
  margin-top: 20px;
}

#main ul.tableofcontents > li > ol {
  margin-top: 0px;
  padding-left: 40px;
  font-weight: normal;
}

#main ul.tableofcontents > li > ul {
  list-style: none;
  margin-top: 0px;
  padding-left: 40px;
  font-weight: normal;
}

#main ul.tableofcontents > li > ol > li {
  margin-top: 5px;
}

#main ul.tableofcontents > li > ol > li.column {
  margin-top: 5px;
  list-style: none;
  font-style: italic;
}

#main ul.tableofcontents > li > ol > li > ul {
  list-style: none;
  padding-left: 0px;
}

#main ul.tableofcontents > li > ol > li > ul > li {
  line-height: 1.2em;
}

#main ul.silence {
  list-style: none;
}

#main	a 		{ text-decoration: none; }
#footer a		{ text-decoration: none; }
#footer a:link		{ color: #000000; }
#footer a:visited 	{ color: #000000; }

div#pagenavigator {
  text-align: center;
}

div#pagenavigator ul {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

div#pagenavigator ul li {
  display: inline-block;
  font-size: 90%;

  word-spacing: normal;

  color: #FFFFFF;
  background-color: #000000;

  background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000)); 
  background: -webkit-linear-gradient(top, #444444, #000000);
  background:    -moz-linear-gradient(top, #444444, #000000);
  background:     -ms-linear-gradient(top, #444444, #000000);
  background:      -o-linear-gradient(top, #444444, #000000);
  background:         linear-gradient(top, #444444, #000000);                                                              
  filter:     progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#444444, endColorstr=#000000);

  padding-top: 3px;
  padding-bottom: 2px;

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

div#pagenavigator ul li.opened {
  color: #FFFFFF !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#333333)) !important;
  background: -webkit-linear-gradient(top, #888888, #333333) !important;
  background:    -moz-linear-gradient(top, #888888, #333333) !important;
  background:     -ms-linear-gradient(top, #888888, #333333) !important;
  background:      -o-linear-gradient(top, #888888, #333333) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#888888, endColorstr=#333333) !important;
}

div#pagenavigator ul li a {
  display: inline-block;
  width: 36px;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.0);
}

/*
 * Copyright (c) 2012 Universal Shell Programming Laboratoryratory
 *
 * Permission is hereby granted, free of charge, to any person 
 * obtaining a copy of this software and associated documentation 
 * files (the "Software"), to deal in the Software without restriction, 
 * including without limitation the rights to use, copy, modify, merge, 
 * publish, distribute, sublicense, and/or sell copies of the Software, 
 * and to permit persons to whom the Software is furnished to do so, 
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be 
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY 
 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, 
 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
