body#art-main {background-image: url("../graph/bckg/art.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: 85% 95%;}
body#art-doc  {background-image: url("../graph/bckg/art.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: 85% 95%;}

body#art-main div#doc-title    {background-image: url("../graph/layout/sep2-art.gif");}
body#art-doc  div#doc-title    {background-image: url("../graph/layout/sep2.gif");}
body#art-doc  div#doc-title h1 {text-align: right;}
body#art-doc  div#doc-title h2 {text-align: right;}

div.contact {height: 50px;}
div.mail    {float: right; margin-top: 1.5ex}
div.a4u     {float: right; margin: 0 0 0 auto; height: 48px; width: 160px; text-align: left; background: url("../graph/ico/a4u.gif") no-repeat left;}
div.a4u a   {line-height: 50px; padding: 20px 140px 15px 0px; text-decoration: none; outline: none;} 

div.node-open, div.node-close {}
div.node-cnt                  {padding-left: 45px;}
div.node-close div.node-cnt   {display: none;}
div.node-open h2, div.node-close h2 {font-family: Verdana, Arial, sans-serif; font-size: 150%; font-weight: bolder; font-variant: small-caps;}
div.node-open h2, div.node-close h2 {font-family: Verdana, Arial, sans-serif; font-size: 125%; font-weight: bolder; font-variant: small-caps;}
a.node-cap         {color: rgb(153, 153, 153); padding-left: 35px; text-decoration: none; outline-style: none;}
a.node-cap:link    {color: rgb(153, 153, 153); background-color: inherit;}
a.node-cap:visited {color: rgb(153, 153, 153); background-color: inherit;}
a.node-cap:hover   {color: rgb(204, 204, 204); background-color: inherit;}
a.node-cap:active  {color: rgb(204, 204, 204); background-color: inherit;}
div.node-open    a.node-cap {background: url("../graph/ico/folder3b.gif") no-repeat left center;}
div.node-close   a.node-cap {background: url("../graph/ico/folder3a.gif") no-repeat left center;}
div.node-disable a.node-cap {color: rgb(153, 153, 153); background: url("../graph/ico/folder3a.gif") no-repeat left center;}

div.node-cnt ul {margin: 0;}
div.node-cnt li {margin-top: 0.75ex; font-weight: bolder; font-variant: small-caps;}
div.node-cnt a         {padding-top: 0.75ex; text-decoration: none; outline: none;}
div.node-cnt a:link    {color: rgb(153, 153, 153);}
div.node-cnt a:visited {color: rgb(153, 153, 153);}
div.node-cnt a:hover   {color: rgb(204, 204, 204);}
div.node-cnt a:active  {color: rgb(204, 204, 204);}
div.node-cnt li.work a {padding-right: 30px; background-image: url("../graph/ico/work2.gif"); background-repeat: no-repeat; background-position: right bottom;}
div.node-cnt span.update {font-style: italic; font-weight: normal; font-size: smaller;}


body#art-doc div.art-box  {float: left; width: 100%; margin: 0px; padding: 0px;}
body#art-doc div.art-part {float: left; width: 100%; margin: 0px; padding: 0px;}
body#art-doc div.sep      {float: left; width: 100%; height: 1ex;}

body#art-doc ol li         {line-height: 125%; font-variant: small-caps; font-weight: bolder;}
body#art-doc p             {line-height: 135%;}
body#art-doc ul li         {line-height: 135%; margin-bottom: 0.75ex;}
body#art-doc p.code        {font-family: monospace; font-size: 120%; text-align: center;}
body#art-doc p.rys         {font-style: italic; text-align: center;}
body#art-doc p.rys-brd     {font-style: italic; text-align: center;}
body#art-doc p.rys img     {display: block; margin: 0ex auto 1ex auto;}
body#art-doc p.rys-brd img {display: block; margin: 0ex auto 1ex auto; border: 2px solid; border-color: rgb(204,204,204) rgb(153,153,153) rgb(153,153,153) rgb(204,204,204);}
body#art-doc p.imp         {margin: 2ex 5ex; font-style: italic;}
body#art-doc p.eqn         {margin-left: 20%; font-size: 110%}
body#art-doc img.left      {float: left;  margin: 1ex 2ex 1ex 0ex;}
body#art-doc img.left-brd  {float: left;  margin: 1ex 2ex 1ex 0ex; border: 1px solid;}
body#art-doc img.right     {float: right; margin: 1ex 0ex 1ex 2ex;}
body#art-doc img.right-brd {float: right; margin: 1ex 0ex 1ex 2ex; border: 1px solid;}
body#art-doc img.center    {display: block;  margin: auto;}
body#art-doc span.code     {font-family: monospace; font-size: 120%;}
body#art-doc span.opt      {font-family: monospace; font-size: 120%;}
body#art-doc span.rys      {font-style: italic;}
body#art-doc span.fot      {font-style: italic;}
body#art-doc span.frm      {font-variant: small-caps; font-weight: bolder;}
body#art-doc span.imp      {text-decoration: underline;}
body#art-doc span.lng      {font-style: italic;}

body#art-doc dl.optlst     {margin-left: 3ex;}
body#art-doc dl.optlst dt  {font-family: monospace; font-size: 120%; font-weight: bolder;}

body#art-doc ul.cnt li        {margin-top: 0.75ex; font-weight: bolder; font-variant: small-caps;}
body#art-doc ul.cnt a         {text-decoration: none; outline: none;}
body#art-doc ul.cnt a:link    {color: rgb(153, 153, 153);}
body#art-doc ul.cnt a:visited {color: rgb(153, 153, 153);}
body#art-doc ul.cnt a:hover   {color: rgb(204, 204, 204);}
body#art-doc ul.cnt a:active  {color: rgb(204, 204, 204);}


body#art-doc div.file-list {float: left; width: 100%;}
div.file-list ul           {float: left; width: 100%; margin: 0px; padding: 0px; list-style-type: none;}
div.file-list ul li        {float: left; width: 20ex; margin-left: 2ex; background-repeat: no-repeat; background-position: left bottom;}
div.file-list ul li.zip    {background-image: url("../graph/ico/file-zip-l.gif");}
div.file-list ul li a      {padding-left: 40px; text-decoration: none; font-weight: bolder; font-size: 90%; outline: none;}
div.file-list ul small     {padding-left: 40px; font-size:70%; font-weight: normal; font-style: italic; background-color: transparent;}
div.file-list p.info       {margin: 0ex; padding: 3ex 0ex 0ex 0ex; font-style: italic;}
div.file-list p.info small {font-size: 75%;}

div.fovcalc {width: 30ex; margin: 0 auto; padding: 2ex 0ex 1ex 3ex; border: 3px outset; background: rgb(0, 35, 70)}
div.fovcalc h3    {margin: 0% 0% 3% 0%}
div.fovcalc div   {margin-bottom: 5%;}
div.fovcalc input {text-align: right; background-color: rgb(204, 204, 204);}
div.fovcalc input#fl {width: 75%;}
div.fovcalc input#w  {width: 32%;}
div.fovcalc input#h  {width: 32%;}
div.fovcalc div.btn {margin: 10% 0% 5% 0%;}
div.fovcalc div.btn input {width: 30%; margin-left: 22%; text-align: center;}
div.fovcalc div.val {font-weight: bold;}

div.doc-navigator {margin: 5ex 0ex 2ex 0ex; text-align: center;}
div.doc-navigator span {color: rgb(102,102,102);}
div.doc-navigator div  {margin-top: 0.5ex;}